From: slavanga Date: Tue, 1 Dec 2015 19:56:34 +0000 (+0100) Subject: Simplify expanded button groups X-Git-Tag: v6.1.0~34^2 X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7326%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Simplify expanded button groups --- diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss index 994b992bd..160616ade 100644 --- 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; } }