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: "#0b79d1"

$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: "#e3e3e3"

$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"