From: Christian Vuerings <vueringschristian@gmail.com>
Date: Fri, 8 Mar 2013 18:07:22 +0000 (-0800)
Subject: Make rounded button groups work on actual buttons
X-Git-Tag: v4.0.5~5^2~1^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F1791%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Make rounded button groups work on actual buttons

Previously this only worked on anchor tags, however this should also work on actual buttons.
---

diff --git a/scss/foundation/components/_button-groups.scss b/scss/foundation/components/_button-groups.scss
index 2f5dff041..fbbd72d40 100644
--- a/scss/foundation/components/_button-groups.scss
+++ b/scss/foundation/components/_button-groups.scss
@@ -34,12 +34,12 @@ $button-bar-margin-right: emCalc(10px) !default;
 
   // We use these to control left and right radius on first/last buttons in the group.
   @if $radius == true {
-    &:first-child > a { @include side-radius($default-float, $button-radius); }
-    &:last-child > a { @include side-radius($default-opposite, $button-radius); }
+    &:first-child > a, &:first-child > button { @include side-radius($default-float, $button-radius); }
+    &:last-child > a, &:last-child > button { @include side-radius($default-opposite, $button-radius); }
   }
   @else if $radius {
-    &:first-child > a { @include side-radius($default-float, $radius); }
-    &:last-child > a { @include side-radius($default-opposite, $radius); }
+    &:first-child > a, &:first-child > button { @include side-radius($default-float, $radius); }
+    &:last-child > a, &:last-child > button { @include side-radius($default-opposite, $radius); }
   }
 
   // We use this to make the buttons even width across their container