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