mt-field widget state layer
Variables to customize mt-field widget states (hover, focus, active)
$gbc-mt-field-hover-border-width
Border color for material field widget when hovered
Type: number
Default value: $theme-hover-border-width- $mt-field-border-width-top
Computed value: "1px"
$gbc-mt-field-hover-color
Border color for material field widget when hovered
Type: number
Default value: "color.change($theme-hover-color, $alpha: $theme-hover-opacity)"
Computed value: "rgba(24, 24, 24, 0.1)"
$gbc-mt-field-focus-border-width
Border color for material field widget when focused
Type: number
Default value: $theme-focus-border-width- $mt-field-border-width-top
Computed value: "1px"
$gbc-mt-field-focus-color
Border color for material field widget when focused
Type: number
Default value: "color.change($theme-focus-color, $alpha: $theme-focus-opacity)"
Computed value: "rgba(11, 121, 209, 0.9)"
$gbc-mt-field-active-border-width
Border color for material field widget when clicked
Type: number
Default value: $theme-focus-border-width- $mt-field-border-width-top
Computed value: "1px"
$gbc-mt-field-active-color
Border color for material field widget when clicked
Type: number
Default value: "color.change($theme-active-color, $alpha: $theme-active-opacity)"
Computed value: "rgba(11, 121, 209, 0.5)"