Housekeeping for tab module
Added on hidden flag and cleaned flavor files as needed
This commit is contained in:
parent
95897a62d2
commit
eea0ea9421
|
@ -903,3 +903,4 @@
|
|||
- Updated `table` module's definitions and variables, added **hidden flag** `$include-striped-table` in order to make sure `.striped` `table`s can be turned on and off.
|
||||
- Cleanup of relevant variables and comments in flavor files.
|
||||
- Updated `card` module, splitting into main file and mixins, cleanup in flavor files for the module.
|
||||
- Updated `tab` module, adding an extra **hidden flag** `$include-stacked-tabs` for toggling `.stacked` tabs on and off, cleanup of flavor files.
|
||||
|
|
|
@ -2,9 +2,10 @@
|
|||
Definitions for tabs/horizontal accordions.
|
||||
*/
|
||||
// Dependency: This module is somewhat dependent on the grid system.
|
||||
$tab-container-name: 'tabs' !default; // Class name for the tabs container.
|
||||
$include-stacked-tabs: true !default; // [Hidden flag] Should stacked tabs be included? (`true`/`false`).
|
||||
$tab-stacked-name: 'stacked' !default; // Class name for stacked tabs container.
|
||||
// Tab styling
|
||||
$tab-container-name: 'tabs' !default; // Class name for the tabs container
|
||||
$tab-stacked-name: 'stacked' !default; // Class name for stacked tabs container
|
||||
.#{$tab-container-name} {
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
|
@ -151,7 +152,8 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
|
|||
}
|
||||
}
|
||||
// Stacked tabs
|
||||
.#{$tab-container-name}.#{$tab-stacked-name} {
|
||||
@if $include-stacked-tabs { // Turn off if you don't want stacked tabs enabled (except on smaller screens for responsiveness)
|
||||
.#{$tab-container-name}.#{$tab-stacked-name} {
|
||||
// Old syntax
|
||||
-webkit-box-orient: vertical;
|
||||
// New syntax
|
||||
|
@ -203,6 +205,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
|
|||
border-bottom-right-radius: $tab-border-radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Responsiveness
|
||||
@media (max-width: #{$tab-stacked-breakpoint}) {
|
||||
|
|
Loading…
Reference in a new issue