From 8f09caf09e063165ed4efcc68e05b2eb39d56a0f Mon Sep 17 00:00:00 2001
From: Eneko Illarramendi <eneko@illarra.com>
Date: Sun, 3 Mar 2013 16:17:08 +0100
Subject: [PATCH] Fix side-radius @mixin, fixes #1677

This makes possible to combine two side-radius declarations in a class, without overriding prior declarations. This will fix a problem in button-groups when only one button is left in the group.
---
 scss/foundation/_foundation-global.scss | 34 ++++++++++++++++++-------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/scss/foundation/_foundation-global.scss b/scss/foundation/_foundation-global.scss
index 8c114aa77..cc708ca41 100644
--- a/scss/foundation/_foundation-global.scss
+++ b/scss/foundation/_foundation-global.scss
@@ -84,20 +84,36 @@ $include-print-styles: true !default;
 // We use this to create equal side border radius on elements.
 @mixin side-radius($side, $radius) {
   @if $side == left {
-    -webkit-border-radius: $radius 0 0 $radius;
-    border-radius: $radius 0 0 $radius;
+    -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 {
-    -webkit-border-radius: 0 $radius $radius 0;
-    border-radius: 0 $radius $radius 0;
+    -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 {
-    -webkit-border-radius: $radius $radius 0 0;
-    border-radius: $radius $radius 0 0;
+    -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 {
-    -webkit-border-radius: 0 0 $radius $radius;
-    border-radius: 0 0 $radius $radius;
+    -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;
   }
 }
 
@@ -225,4 +241,4 @@ $large-screen: emCalc(1440px) !default;
 
 $small: "only screen and (min-width:"#{$small-screen}")" !default;
 $medium: "only screen and (min-width:"#{$medium-screen}")" !default;
-$large: "only screen and (min-width:"#{$large-screen}")" !default;
\ No newline at end of file
+$large: "only screen and (min-width:"#{$large-screen}")" !default;
-- 
2.47.3