Fixed side-radius()

It only worked for left and right. Now it will also work for top and bottom.

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index 6ab852975576ffa4e15c1d3e3dec6f92a6953d3f..62ed8e5f1a4568dc003537f4a418b567a2530847 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -46,14 +46,25 @@ $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 $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;
+  @if ($side == left or $side == right) {
+    @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;
+  } @else {
+    @if $experimental {
+      -moz-border-radius-#{$side}left: $radius;
+      -moz-border-radius-#{$side}right: $radius;
+      -webkit-border-#{$side}-left-radius: $radius;
+      -webkit-border-#{$side}-right-radius: $radius;
+    }
+    border-#{$side}-left-radius: $radius;
+    border-#{$side}-right-radius: $radius;
+  }
 }
 
 // @mixins