Material dialog specific variables

Specific variables to define how a Material Design dialog is rendered.

$mt-dialog-margin-ratio

Ratio applied to the margin or the space around components in the dialog

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

$mt-dialog-field-height-ratio

Ratio applied to calculate the height of a field

Type: number

Default value: $ui-field-height-ratio

Computed value: "0.7"

$mt-dialog-z-index

z-index applied to a Material dialog

Type: number

Default value: $z-index-Dialog

Computed value: "40"

$mt-dialog-modal-z-index

z-index applied to a Material modal dialog

Type: number

Default value: $z-index-Modal

Computed value: "55"

$mt-dialog-background-color

Background color of a Material dialog

Type: color

Default value: $ui-container-color

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

$mt-dialog-overlay-background-color

Color applied to the overlay of a Material dialog

Type: color

Default value: $ui-overlay-color

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