Customizing Grid
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$grid-bg | Color |
|
|
Description Background color of the grid component | |||
$grid-text | Color |
|
|
Description Text color of the grid component | |||
$grid-border | Color |
|
|
Description Border color of the grid component | |||
$grid-header-bg | Color |
|
|
Description Background color of grid header | |||
$grid-header-text | Color |
|
|
Description Text color of grid header | |||
$grid-header-border | Color |
|
|
Description Border color of grid header | |||
$grid-header-gradient | Null |
|
|
Description Background gradient of grid header | |||
$grid-footer-bg | Color |
|
|
Description Background color of grid footer | |||
$grid-footer-text | Color |
|
|
Description Text color of grid footer | |||
$grid-footer-border | Color |
|
|
Description Border color of grid footer | |||
$grid-alt-bg | Color |
|
|
Description Background color of alternating rows in grid | |||
$grid-alt-text | Null |
|
|
Description Text color of alternating rows in grid | |||
$grid-alt-border | Null |
|
|
Description Border color of alternating rows in grid | |||
$grid-hovered-bg | Color |
|
|
Description Background color of hovered rows in grid | |||
$grid-hovered-text | Null |
|
|
Description Text color of hovered rows in grid | |||
$grid-hovered-border | Null |
|
|
Description Border color of hovered rows in grid | |||
$grid-selected-bg | Color |
|
|
Description Background color of selected rows in grid | |||
$grid-selected-text | Color |
|
|
Description Text color of selected rows in grid | |||
$grid-selected-border | Color |
|
|
Description Border color of selected rows in grid |