vendor/assets/scss/components/_button-group.scss in foundation-rails-6.1.1.3 vs vendor/assets/scss/components/_button-group.scss in foundation-rails-6.1.2.0

- old
+ new

@@ -41,15 +41,19 @@ } } } /// Creates a full-width button group, making each button equal width. -/// @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( - $selector: $buttongroup-child-selector + $selector: $buttongroup-child-selector, + $count: null ) { + @if $count != null { + @warn 'button-group-expand(): the $count property is no longer needed. This parameter will be removed in Foundation 6.2.'; + } + display: table; table-layout: fixed; width: 100%; &::before, @@ -122,9 +126,20 @@ } &.stacked-for-small { @include breakpoint(medium) { @include button-group-unstack; + } + } + + &.stacked-for-small.expanded { + @include breakpoint(small only) { + display: block; + + #{$buttongroup-child-selector} { + display: block; + border-right: 0; + } } } } }