Simplify expanded button groups

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index 994b992bd6a5a5367404a3238e39616d6ffb79d3..160616ade85d7236a9f7572ef3599460c4a21dd8 100644 (file)
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -46,16 +46,20 @@ $buttongroup-expand-max: 6 !default;
 /// @param {Keyword|Number} $count [auto] - Number of buttons inside the button group. Set to `auto` to generate CSS that will account for a variable number of buttons.
 /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
 @mixin button-group-expand(
-  $count: auto,
   $selector: $buttongroup-child-selector
 ) {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+
+  &::before,
+  &::after {
+    display: none;
+  }
+
   #{$selector} {
-    @if $count == auto {
-      @include auto-width($buttongroup-expand-max, $selector);
-    }
-    @else if type-of($count) == 'number' {
-      width: percentage(1 / $count);
-    }
+    display: table-cell;
+    float: none;
   }
 }