Material Field widget

`$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`

Default height for Material Field widget

Type: size

Default value: $theme-field-default-height

Computed value: 22.4px

`$mt-field-background-color`

Background color for Material Field widget

Type: color

Default value: $theme-field-background-color

Computed value: #ffffff

`$mt-field-border-color`

Border color for Material Field widget

Type: color

Default value: $theme-field-border-color

Computed value: #e0e0e0

`$mt-field-border-width-top`

Top border width for Material Field widget

Type: size

Default value: $1px

Computed value: 1px

`$mt-field-border-width-right`

Right border width for Material Field widget

Type: size

Default value: $1px

Computed value: 1px

`$mt-field-border-width-bottom`

Bottom border width for Material Field widget

Type: size

Default value: $1px

Computed value: 1px

`$mt-field-border-width-left`

Left border width for Material Field widget

Type: size

Default value: $1px

Computed value: 1px

`$mt-field-focus-border-color`

Border color for Material Field widget when focused

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

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

Top border width for Material Field widget when focused

Type: size

Default value: $1px

Computed value: 1px

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

Right border width for Material Field widget when focused

Type: size

Default value: $1px

Computed value: 1px

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

Bottom border width for Material Field widget when focused

Type: size

Default value: $1px

Computed value: 1px

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

Left border width for Material Field widget when focused

Type: size

Default value: $1px

Computed value: 1px

`$mt-field-readonly-background-color`

Background color for Material Field widget when focused

Type: color

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

Computed value: #eeeeee

`$mt-field-disabled-background-color`

Background color for Material Field widget when disabled

Type: color

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

Computed value: #eeeeee

`$mt-field-placeholder-color`

Text color for placeholder in Material Field widget

Type: color

Default value: $theme-placeholder-color

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

`$mt-field-input-padding-top`

Top padding for input in Material Field widget

Type: size

Default value: $theme-input-padding-top

Computed value: 1.2px

`$mt-field-input-padding-right`

Right padding for input in Material Field widget

Type: size

Default value: $theme-input-padding-right

Computed value: 3.6px

`$mt-field-input-padding-bottom`

Bottom padding for input in Material Field widget

Type: size

Default value: $theme-input-padding-bottom

Computed value: 1.2px

`$mt-field-input-padding-left`

Left padding for input in Material Field widget

Type: size

Default value: $theme-input-padding-left

Computed value: 3.6px

`$mt-field-textarea-padding-top`

Top padding for textarea in Material Field widget

Type: size

Default value: $theme-textarea-padding-top

Computed value: 2.4px

`$mt-field-textarea-padding-right`

Right padding for textarea in Material Field widget

Type: size

Default value: $theme-textarea-padding-right

Computed value: 3.6px

`$mt-field-textarea-padding-bottom`

Bottom padding for textarea in Material Field widget

Type: size

Default value: $theme-textarea-padding-bottom

Computed value: 0

`$mt-field-textarea-padding-left`

Left padding for textarea in Material Field widget

Type: size

Default value: $theme-textarea-padding-left

Computed value: 3.6px