Material Sidebar widget
Variables to customize Material SideBar widget
$mt-sidebar-always-visible-min-width
Min width for Material SideBar widget
Type: size
Default value: $theme-sidebar-always-visible-min-width
Computed value: 1400px
$mt-sidebar-default-width
Default width for Material SideBar widget
Type: size
Default value: $theme-sidebar-default-width
Computed value: 56px
$mt-sidebar-splitter-size
Splitter size for Material SideBar widget
Type: size
Default value: $theme-splitter-size
Computed value: 7.2px
$mt-sidebar-item-height
Height of items in Material SideBar widget
Type: size
Default value: $theme-host-action-default-height
Computed value: 33.6px
$mt-sidebar-margin-ratio
Margin ratio for Material SideBar widget
Type: number
Default value: $theme-margin-ratio
Computed value: 0.6
$mt-sidebar-font-size-ratio
Font size ratio for Material SideBar widget
Type: number
Default value: $theme-font-size-ratio
Computed value: 0.8
$mt-sidebar-background-color
Background color for Material SideBar widget
Type: color
Default value: $theme-secondary-alternative-background-color
Computed value: #ffffff
$mt-sidebar-item-color
Text color for items in Material SideBar widget
Type: color
Default value: $theme-primary-background-color
Computed value: #1976d2
$mt-sidebar-overlay-background-color
Color for the overlay in Material SideBar widget
Type: color
Default value: $theme-overlay-background-color
Computed value: rgba(33, 33, 33, 0.26)
$mt-sidebar-resizer-hover-color
Color for the resizer in Material SideBar widget when hovered
Type: color
Default value: $theme-separator-color
Computed value: #e0e0e0
$mt-sidebar-overlay-z-index
z-index for the overlay in Material SideBar widget
Type: number
Default value: $z-index-DropDown
Computed value: 58
$mt-sidebar-z-index
z-index for Material SideBar widget
Type: number
Default value: $z-index-above-DropDown
Computed value: 59
$mt-sidebar-animation-duration
Animation duration for Material SideBar widget
Type: string
Default value: $theme-animation-duration
Computed value: 0.3s