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 2f5dff041937648b8f684b4a5e5386d1ea270fd4..fbbd72d403c61e7ae65847f3d944e3b3833a5e46 100644 (file)
--- 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