Material Field dimensions

Variables to customize Material Field paddings

$mt-field-default-height

Default height for Material Field

Type: size

Default value: $ui-field-height-ratio* 32px

Computed value: "22.4px"

Alias (for compatibility): $field-default-height,theme-field-default-height

$mt-field-margin-ratio

Ratio applied to the margin or space around a field

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

$mt-field-input-padding-top

Top padding for input in Material Field

Type: size

Default value: $ui-margin-ratio* 2px

Computed value: "1.2px"

Alias (for compatibility): $theme-input-padding-top

$mt-field-input-padding-right

Right padding for input in Material Field

Type: size

Default value: $ui-margin-ratio* 6px

Computed value: "3.6px"

Alias (for compatibility): $theme-input-padding-right

$mt-field-input-padding-bottom

Bottom padding for input in Material Field

Type: size

Default value: $ui-margin-ratio* 2px

Computed value: "1.2px"

Alias (for compatibility): $theme-input-padding-bottom

$mt-field-input-padding-left

Left padding for input in Material Field

Type: size

Default value: $ui-margin-ratio* 6px

Computed value: "3.6px"

Alias (for compatibility): $theme-input-padding-left

$mt-field-textarea-padding-top

Top padding for textarea in Material Field

Type: size

Default value: $ui-margin-ratio* 4px

Computed value: "2.4px"

Alias (for compatibility): $theme-textarea-padding-top

$mt-field-textarea-padding-right

Right padding for textarea in Material Field

Type: size

Default value: $ui-margin-ratio* 2px

Computed value: "1.2px"

Alias (for compatibility): $theme-textarea-padding-right

$mt-field-textarea-padding-bottom

Bottom padding for textarea in Material Field

Type: size

Default value: "0px"

Computed value: "0px"

Alias (for compatibility): $theme-textarea-padding-bottom

$mt-field-textarea-padding-left

Left padding for textarea in Material Field

Type: size

Default value: $ui-margin-ratio* 2px

Computed value: "1.2px"

Alias (for compatibility): $theme-textarea-padding-left