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: #1976d2

$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: #1e88e5

$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: #bbdefb

$mt-button-primary-color

Text color for Material Button widget

Type: color

Default value: $theme-primary-color

Computed value: white

$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: #eeeeee