From 413a191c36a3a1fd907874e2956292c66bef2698 Mon Sep 17 00:00:00 2001
From: Ilyes512 <ilyes.ahidar@gmail.com>
Date: Sun, 23 Feb 2014 18:45:12 +0100
Subject: [PATCH] Fixed side-radius()

It only worked for left and right. Now it will also work for top and bottom.
---
 scss/foundation/components/_global.scss | 27 +++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

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
-- 
2.47.2