Material Sidebar
Variables to customize Material SideBar
$mt-sidebar-default-width
Default width for Material SideBar
Type: size
Default value: "56px"
Computed value: "56px"
Alias (for compatibility): $gbc-sidebar-default-width,theme-sidebar-default-width
$mt-sidebar-splitter-size
Splitter size for Material SideBar
Type: size
Default value: $ui-margin-ratio* 12px
Computed value: "7.2px"
$mt-sidebar-item-height
Height of items in Material SideBar
Type: size
Default value: $ui-margin-ratio* 56px
Computed value: "33.6px"
$mt-sidebar-margin-ratio
Margin ratio for Material SideBar
Type: number
Default value: $ui-margin-ratio
Computed value: "0.6"
$mt-sidebar-font-size-ratio
Font size ratio for Material SideBar
Type: number
Default value: $ui-font-size-ratio
Computed value: "0.8"
$mt-sidebar-background-color
Background color for Material SideBar
Type: color
Default value: "color.adjust($ui-background-color, $lightness: -58% );"
Computed value: "#636363"
Alias (for compatibility): $theme-sidebar-background-color
$mt-sidebar-overlay-background-color
Color for the overlay in Material SideBar
Type: color
Default value: $ui-overlay-color
Computed value: "rgba(31, 31, 31, 0.26)"
$mt-sidebar-resizer-hover-color
Color for the resizer in Material SideBar when hovered
Type: color
Default value: $ui-border-color
Computed value: "rgb(224, 224, 224)"
$mt-sidebar-overlay-z-index
z-index for the overlay in Material SideBar - do not touch
Type: number
Default value: $z-index-DropDown
Computed value: "58"
$mt-sidebar-z-index
z-index for Material SideBar - do not touch
Type: number
Default value: $z-index-above-DropDown
Computed value: "59"
$mt-sidebar-animation-duration
Animation duration for Material SideBar
Type: string
Default value: "0.3s"
Computed value: "0.3s"
Alias (for compatibility): $theme-animation-duration
$mt-sidebar-show-child-name
Display Window name/title in sidebar instead of Application name/title
Type: boolean
Default value: false
Alias (for compatibility): $theme-sidebar-show-child-name