Material Field borders

Variables to customize Material Field borders and outline

$mt-field-border-color

Border color for Material Fields

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

Alias (for compatibility): $theme-field-border-color

$mt-field-border-width-top

Top border width for Material Fields

Type: size

Default value: "1px"

Computed value: "1px"

$mt-field-border-width-right

Right border width for Material Fields

Type: size

Default value: "1px"

Computed value: "1px"

$mt-field-border-width-bottom

Bottom border width for Material Fields

Type: size

Default value: "1px"

Computed value: "1px"

$mt-field-border-width-left

Left border width for Material Fields

Type: size

Default value: "1px"

Computed value: "1px"

$mt-field-focus-border-color

Border color for Material Fields when focused

Type: color

Default value: $ui-primary-color

Computed value: "rgb(11, 121, 209)"

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

Top border width for Material Fields when focused

Type: size

Default value: "1px"

Computed value: "1px"

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

Right border width for Material Fields when focused

Type: size

Default value: "1px"

Computed value: "1px"

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

Bottom border width for Material Fields when focused

Type: size

Default value: "1px"

Computed value: "1px"

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

Left border width for Material Fields when focused

Type: size

Default value: "1px"

Computed value: "1px"

$mt-field-border-radius

Border radius for Material Fields

Type: size

Default value: $gbc-radius-s

Computed value: "4px"