Housekeeping for tab module

Added on hidden flag and cleaned flavor files as needed
This commit is contained in:
Angelos Chalaris 2017-03-30 16:33:32 +03:00
parent 95897a62d2
commit eea0ea9421
8 changed files with 123 additions and 119 deletions

View file

@ -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.

View file

@ -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}) {