Customizing Tabstrip
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$tabstrip-bg | Null |
|
|
Description Background color of tabstrip component | |||
$tabstrip-text | Color |
|
|
Description Text color of tabstrip component | |||
$tabstrip-border | Color |
|
|
Description Border color of tabstrip component | |||
$tabstrip-item-padding-x | Number |
|
|
Description Horizontal padding of tabs | |||
$tabstrip-item-padding-y | Number |
|
|
Description Vertical padding of tabs | |||
$tabstrip-item-border-width | Number |
|
|
Description Width of border around tabs | |||
$tabstrip-item-border-radius | Number |
|
|
Description Border radius of tabs | |||
$tabstrip-item-gap | Number |
|
|
Description Spacing between tabs | |||
$tabstrip-item-bg | Null |
|
|
Description Background color of tabs | |||
$tabstrip-item-text | Color |
|
|
Description Text color of tabs | |||
$tabstrip-item-border | Null |
|
|
Description Border color of tabs | |||
$tabstrip-item-gradient | Null |
|
|
Description Background gradient of tabs | |||
$tabstrip-item-hovered-bg | Null |
|
|
Description Background color of hovered tabs | |||
$tabstrip-item-hovered-text | Color |
|
|
Description Text color of hovered tabs | |||
$tabstrip-item-hovered-border | Null |
|
|
Description Border color of hovered tabs | |||
$tabstrip-item-hovered-gradient | Null |
|
|
Description Background gradient of hovered tabs | |||
$tabstrip-item-selected-bg | Color |
|
|
Description Background color of selected tabs | |||
$tabstrip-item-selected-text | Color |
|
|
Description Text color of selected tabs | |||
$tabstrip-item-selected-border | Color |
|
|
Description Border color of selected tabs | |||
$tabstrip-item-selected-gradient | Null |
|
|
Description Background gradient of selected tabs | |||
$tabstrip-content-padding-x | Number |
|
|
Description Horizontal padding of tabstrip content | |||
$tabstrip-content-padding-y | Number |
|
|
Description Vertical padding of tabstrip content | |||
$tabstrip-content-border-width | Number |
|
|
Description Width of border around tabstrip content | |||
$tabstrip-content-bg | Color |
|
|
Description Background color of tabstrip content | |||
$tabstrip-content-text | Color |
|
|
Description Text color of tabstrip content | |||
$tabstrip-content-border | Color |
|
|
Description Border color of tabstrip content | |||
$tabstrip-content-border-focused | Color |
|
|
Description Border color of tabstrip focused content |