From cbda664e29c5bee4529d989122cd31013e232041 Mon Sep 17 00:00:00 2001 From: Cloudswork Date: Sat, 18 Jan 2014 11:35:23 +0100 Subject: [PATCH] Update _global.scss Made the side radius more compact. --- scss/foundation/components/_global.scss | 48 +++++-------------------- 1 file changed, 8 insertions(+), 40 deletions(-) diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss index 0e625482c..288d9550c 100644 --- a/scss/foundation/components/_global.scss +++ b/scss/foundation/components/_global.scss @@ -39,46 +39,14 @@ $base-line-height: 150% !default; // We use this to create equal side border radius on elements. // $side - Options: left, right, top, bottom @mixin side-radius($side, $radius:$global-radius) { - @if $side == left { - @if $experimental { - -moz-border-radius-bottomleft: $radius; - -moz-border-radius-topleft: $radius; - -webkit-border-bottom-left-radius: $radius; - -webkit-border-top-left-radius: $radius; - } - border-bottom-left-radius: $radius; - border-top-left-radius: $radius; - } - @else if $side == right { - @if $experimental { - -moz-border-radius-topright: $radius; - -moz-border-radius-bottomright: $radius; - -webkit-border-top-right-radius: $radius; - -webkit-border-bottom-right-radius: $radius; - } - border-top-right-radius: $radius; - border-bottom-right-radius: $radius; - } - @else if $side == top { - @if $experimental { - -moz-border-radius-topright: $radius; - -moz-border-radius-topleft: $radius; - -webkit-border-top-right-radius: $radius; - -webkit-border-top-left-radius: $radius; - } - border-top-right-radius: $radius; - border-top-left-radius: $radius; - } - @else if $side == bottom { - @if $experimental { - -moz-border-radius-bottomright: $radius; - -moz-border-radius-bottomleft: $radius; - -webkit-border-bottom-right-radius: $radius; - -webkit-border-bottom-left-radius: $radius; - } - border-bottom-right-radius: $radius; - border-bottom-left-radius: $radius; - } + @if $experimental { + -moz-border-radius-bottom#{$side}: $radius; + -moz-border-radius-top#{$side}: $radius; + -webkit-border-bottom-#{$side}-radius: $radius; + -webkit-border-top-#{$side}-radius: $radius; + } + border-bottom-#{$side}-radius: $radius; + border-top-#{$side}-radius: $radius; } // @mixins -- 2.47.2