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
$mt-button-link-color
Text color for Material Button widget displayed as link
Type: color
Default value: $html-anchor-color
Computed value: #1976d2
$mt-button-link-active-color
Text color for Material Button widget displayed as link (active)
Type: color
Default value: $html-anchor-active-color
Computed value: #1e88e5