Links

Pseudo decorators

All tokens can be extended with one or multiple pseudo decorators.
import { compose, tokens } from 'classy-ui';
const myClass = compose(tokens.color.RED_50.hover.disabled);
The following pseudo decorators are available:
  • hover
  • disabled
  • focus
  • active
  • visited
  • firstChild
  • lastChild
  • oddChild
  • evenChild
  • focusWithin
  • before
  • after
  • firstLine
  • firstLetter
  • selection