State

State is used to style elements when a pseudo element is active like focus.

Defaults

$focus-outline-style: dotted !default;
$focus-box-shadow-style: inset !default;

Variables

The focus width property:

--#{root-defaults.$prefix}focus-width

The focus outline color property:

--#{root-defaults.$prefix}focus-outline-color

The focus outline width property:

--#{root-defaults.$prefix}focus-outline-width

The focus outline style property:

--#{root-defaults.$prefix}focus-outline-style

The focus outline offset property:

--#{root-defaults.$prefix}focus-outline-offset

The focus box shadow color property:

--#{root-defaults.$prefix}focus-box-shadow-color

The focus box shadow style property:

--#{root-defaults.$prefix}focus-box-shadow-style

The focus box shadow property:

--#{root-defaults.$prefix}focus-box-shadow