Material Field widget borders

Variables to customize Material Field widget borders and outline

$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-border-radius

Border radius for all mt field widgets

Type: size

Default value: $theme-radius-s

Computed value: 4px