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