mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-20 12:41:37 +02:00
Housekeeping for tab module
Added on hidden flag and cleaned flavor files as needed
This commit is contained in:
@@ -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,6 +152,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
|
||||
}
|
||||
}
|
||||
// Stacked tabs
|
||||
@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;
|
||||
@@ -204,6 +206,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Responsiveness
|
||||
@media (max-width: #{$tab-stacked-breakpoint}) {
|
||||
.#{$tab-container-name} {
|
||||
|
Reference in New Issue
Block a user