The tab module contains definitions for tab styling, using custom classes and structures.
| Variable | Type | Description | Sample value |
|---|---|---|---|
| $tab-container-name | String | +Class name for tab components' containers | 'tabs' | +
| $tab-container-box-shadow | Box shadow | +Box shadow for tab components' containers | 0 1px 3px rgba(0,0,0, 0.1) | +
| $tab-border-style | Border | +Border style for tab components | 1px solid #9e9e9e | +
| $tab-border-radius | Border radius | +Border radius for tab components | 2px | +
| $tab-label-back-color | Color | +Background color for tab components' labels (default) | #e0e0e0 | +
| $tab-label-selected-back-color | Color | +Background color for tab components' labels (selected) | #eeeeee | +
| $tab-label-fore-color | Color | +Text color for tab components' labels (default) | $fore-color | +
| $tab-label-selected-fore-color | Color | +Text color for tab components' labels (selected) | $fore-color | +
| $tab-label-hover-opacity | Opaciy | +Opacity for tab components' labels (hover) | 0.8 | +
| $tab-label-padding | Padding | +Padding for tab components' labels | 10px | +
| $tab-label-height | Height | +Height for tab components' labels | 26px | +
| $tab-panel-back-color | Color | +Background color for tab components' panels | #fafafa | +
| $tab-panel-fore-color | Color | +Text color for tab components' panels | $fore-color | +
| $tab-panel-padding | Padding | +Padding for tab components' panels | 8px | +
| $tab-panel-height | Height | +Height for tab components' panels | 400px | +
| $tab-stacked-breakpoint | Breakpoint | +Breakpoint for tabs components' mobile view | 767px | +
| $tab-stacked-name | String | +Class name for stacked tab components | 'stacked' | +
If you want to learn more about customizing mini.css, go back to the customization page or choose a module from the top menu to see its documentation.
diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 4e98b08..5a15e93 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -973,3 +973,4 @@ - Dealt with a couple of minor mistakes in existing modules. - Documented `card` module's customization. - Added base text and styles for all customization pages not yet finished. +- Documented `tab` module's customization.