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;
+ }
}
}
}
}