Material Button widget

Variable to customize Material Button widget

$mt-button-margin-ratio

Margin ratio for Material Button widget

Type: number

Default value: $theme-margin-ratio

Computed value: "0.6"

$mt-button-default-height

Default height for Material Button widget

Type: size

Default value: $theme-field-default-height

Computed value: "22.4px"

$mt-button-default-width

Default width for Material Button widget

Type: size

Default value: $theme-button-default-width

Computed value: "80px"

$mt-button-primary-background-color

Background color for Material Button widget

Type: color

Default value: $theme-primary-background-color

Computed value: "#0b79d1"

$mt-button-primary-emphasis-background-color

Background color for Material Button widget when highlighted

Type: color

Default value: $theme-primary-emphasis-background-color

Computed value: "#2196f3"

$mt-button-primary-faded-background-color

Background color for Material Button widget when faded

Type: color

Default value: $theme-primary-faded-background-color

Computed value: "#bfdff8"

$mt-button-primary-color

Text color for Material Button widget

Type: color

Default value: $theme-primary-color

Computed value: "#ffffff"

$mt-button-secondary-faded-color

Text color for Material Button widget

Type: color

Default value: $theme-secondary-faded-color

Computed value: "rgba(33, 33, 33, 0.54)"

$mt-button-disabled-color

Text color for Material Button widget when disabled

Type: color

Default value: $theme-disabled-color

Computed value: "rgba(33, 33, 33, 0.54)"

$mt-button-disabled-background-color

Background color for Material Button widget when disabled

Type: color

Default value: $theme-disabled-background-color

Computed value: "#f0f0f0"

$mt-button-padding-right

Right padding of all mt button elements

Type: size

Default value: $theme-space-s* $mt-button-margin-ratio

Computed value: "4.8px"

$mt-button-padding-left

Left padding of all mt button elements

Type: size

Default value: $theme-space-s* $mt-button-margin-ratio

Computed value: "4.8px"