Skip to content

Focus

One ring, declared in _focus.css alone. A component that declares outline-* from tokens of its own wins the cascade and then collapses the ring the moment one of them is undefined.

Click any specimen to copy the token it documents, as var(--token).

How it works

Light

Focused component

--root-c--default-400--light

Dark

Focused component

--root-c--default-400--dark

Tokens