hide inner radius

foundation · Jun 12, 2014 · a82aa3a · a82aa3a
1 parent 4f313c7
commit a82aa3a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/scss/foundation/components/_button-groups.scss b/scss/foundation/components/_button-groups.scss
@@ -58,6 +58,10 @@ $button-group-border-width: 1px !default;
 
   // We use these to control left and right radius on first/last buttons in the group.
   @if $radius == true {
+    &,
+    & > a,
+    & > button,
+    & > .button { @include radius(0); }
     &:first-child,
     &:first-child > a,
     &:first-child > button,
@@ -68,6 +72,10 @@ $button-group-border-width: 1px !default;
     &:last-child > .button { @include side-radius($opposite-direction, $button-radius); }
   }
   @else if $radius {
+    &,
+    & > a,
+    & > button,
+    & > .button { @include radius(0); }
     &:first-child,
     &:first-child > a,
     &:first-child > button,
@@ -105,4 +113,4 @@ $button-group-border-width: 1px !default;
       .button-group { @include button-group-container($styles:false,$float:true); }
     }
   }
-}
+}