Material field specific variables

$mt-field-margin-ratio

Ratio applied to the margin or space around a field

Type: number

Default value: $theme-margin-ratio

Computed value: 0.6

$mt-field-default-height

Type: size

Default value: $theme-field-default-height

Computed value: 22.4px

$mt-field-background-color

Type: color

Default value: $theme-field-background-color

Computed value: #ffffff

$mt-field-border-color

Type: color

Default value: $theme-field-border-color

Computed value: #e0e0e0

$mt-field-border-width-top

Type: size

Default value: $1px

Computed value: 1px

$mt-field-border-width-right

Type: size

Default value: $1px

Computed value: 1px

$mt-field-border-width-bottom

Type: size

Default value: $1px

Computed value: 1px

$mt-field-border-width-left

Type: size

Default value: $1px

Computed value: 1px

$mt-field-focus-border-color

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

$mt-field-focus-border-width-top

Type: size

Default value: $1px

Computed value: 1px

$mt-field-focus-border-width-right

Type: size

Default value: $1px

Computed value: 1px

$mt-field-focus-border-width-bottom

Type: size

Default value: $1px

Computed value: 1px

$mt-field-focus-border-width-left

Type: size

Default value: $1px

Computed value: 1px

$mt-field-readonly-background-color

Type: color

Default value: $theme-field-readonly-background-color

Computed value: #eeeeee

$mt-field-disabled-background-color

Type: color

Default value: $theme-field-disabled-background-color

Computed value: #eeeeee

$mt-field-placeholder-color

Type: color

Default value: $theme-placeholder-color

Computed value: rgba(33, 33, 33, 0.54)

$mt-field-input-padding-top

Type: size

Default value: $theme-input-padding-top

Computed value: 1.2px

$mt-field-input-padding-right

Type: size

Default value: $theme-input-padding-right

Computed value: 3.6px

$mt-field-input-padding-bottom

Type: size

Default value: $theme-input-padding-bottom

Computed value: 1.2px

$mt-field-input-padding-left

Type: size

Default value: $theme-input-padding-left

Computed value: 3.6px

$mt-field-textarea-padding-top

Type: size

Default value: $theme-textarea-padding-top

Computed value: 2.4px

$mt-field-textarea-padding-right

Type: size

Default value: $theme-textarea-padding-right

Computed value: 3.6px

$mt-field-textarea-padding-bottom

Type: size

Default value: $theme-textarea-padding-bottom

Computed value: 0

$mt-field-textarea-padding-left

Type: size

Default value: $theme-textarea-padding-left

Computed value: 3.6px