Material Button

`$mt-button-margin-ratio`

Margin ratio for Material Button

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

`$mt-button-default-width`

Default width for Material Button

Type: size

Default value: $ui-font-size-ratio* 100px

Computed value: "80px"

Alias (for compatibility): $button-default-width,theme-button-default-width

`$mt-button-default-height`

Default height for Material Button

Type: size

Default value: $mt-field-default-height

Computed value: "22.4px"

`$mt-button-primary-background-color`

Background color for Material Button

Type: color

Default value: $ui-primary-color

Computed value: "rgb(11, 121, 209)"

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

Background color for Material Button when highlighted

Type: color

Default value: $ui-primary-color-emphasized

Computed value: "#2196f3"

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

Background color for Material Button when faded

Type: color

Default value: $ui-primary-color-faded

Computed value: "#56aff6"

`$mt-button-primary-color`

Text color for Material Button

Type: color

Default value: $ui-on-primary-color

Computed value: "rgb(255, 255, 255)"

`$mt-button-secondary-faded-color`

Text color for Material Button

Type: color

Default value: $ui-text-icon-color-faded

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

`$mt-button-disabled-color`

Text color for Material Button when disabled

Type: color

Default value: $ui-text-icon-color-disabled

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

`$mt-button-disabled-background-color`

Background color for Material Button when disabled

Type: color

Default value: $ui-background-color-disabled

Computed value: "rgb(247, 247, 247)"

`$mt-button-link-color`

Text color for Material Button displayed as link

Type: color

Default value: $html-anchor-color

Computed value: "rgb(11, 121, 209)"

`$mt-button-link-active-color`

Text color for Material Button displayed as link (active)

Type: color

Default value: $html-anchor-active-color

Computed value: "#2196f3"

`$mt-button-padding-right`

Right padding of all mt button elements

Type: size

Default value: $gbc-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: $gbc-space-s* $mt-button-margin-ratio

Computed value: "4.8px"