Motion
Nothing slides, bounces or fades in. Colours change over 150 ms; reduced motion and the wireframe set that to zero.
One duration
Colour changes over --kh-dur and nothing else moves. Press the swatch: it changes colour with the system's own transition.
--kh-dur is 150ms on this page. With reduced motion, or in the wireframe, it is 0s.
Motion tokens
| Token | Value | Use for |
|---|---|---|
--kh-dur | 150ms | Colour and background transitions |
--kh-dur (reduced motion, wireframe) | 0s | No transition at all |