From: Cloudswork Date: Sat, 18 Jan 2014 10:35:23 +0000 (+0100) Subject: Update _global.scss X-Git-Tag: v5.2.0~78^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F4185%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update _global.scss Made the side radius more compact. --- 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