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"