From: Ilyes512 <ilyes.ahidar@gmail.com>
Date: Sun, 23 Feb 2014 17:45:12 +0000 (+0100)
Subject: Fixed side-radius()
X-Git-Tag: v5.2.1~5^2~12^2~14^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F4525%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 6ab852975..62ed8e5f1 100644
--- 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