don't print button groups sizes in mixin, keep in CSS output

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index 35b753865395d4c0a68c2aa8ab6c8b9b794d2a8c..73d6ecc97236d9babbe2c7001e1d071807614243 100644 (file)
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -30,9 +30,6 @@ $buttongroup-expand-max: 6 !default;
   @include clearfix;
   margin-bottom: $buttongroup-margin;
   font-size: 0;
-  &.tiny #{$child-selector}     { font-size: map-get($button-sizes, tiny); }
-  &.small #{$child-selector}    { font-size: map-get($button-sizes, small); }
-  &.large #{$child-selector}    { font-size: map-get($button-sizes, large); }
 
   #{$child-selector} {
     margin: 0;
@@ -101,6 +98,11 @@ $buttongroup-expand-max: 6 !default;
   .button-group {
     @include button-group;
 
+    // Sizes
+    @each $size, $value in $button-sizes {
+      &.#{$size} #{$buttongroup-child-selector} { font-size: $value; }
+    }
+
     // Even-width Group
     &.expanded { @include button-group-expand; }