Material sidebar specific variables

$mt-sidebar-always-visible-min-width

Type: size

Default value: $theme-sidebar-always-visible-min-width

Computed value: 1400px

$mt-sidebar-default-width

Type: size

Default value: $theme-sidebar-default-width

Computed value: 56px

$mt-sidebar-splitter-size

Type: size

Default value: $theme-splitter-size

Computed value: 7.2px

$mt-sidebar-item-height

Type: size

Default value: $theme-host-action-default-height

Computed value: 33.6px

$mt-sidebar-margin-ratio

Type: number

Default value: $theme-margin-ratio

Computed value: 0.6

$mt-sidebar-font-size-ratio

Type: number

Default value: $theme-font-size-ratio

Computed value: 0.8

$mt-sidebar-background-color

Type: color

Default value: $theme-secondary-alternative-background-color

Computed value: #ffffff

$mt-sidebar-item-color

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

$mt-sidebar-overlay-background-color

Type: color

Default value: $theme-overlay-background-color

Computed value: rgba(33, 33, 33, 0.26)

$mt-sidebar-resizer-hover-color

Type: color

Default value: $theme-separator-color

Computed value: #e0e0e0

$mt-sidebar-overlay-z-index

Type: number

Default value: $z-index-DropDown

Computed value: 58

$mt-sidebar-z-index

Type: number

Default value: $z-index-above-DropDown

Computed value: 59

$mt-sidebar-animation-duration

Type: string

Default value: $theme-animation-duration

Computed value: 0.3s