MiniMo

State Modifiers

Everything about interaction lives inline: hover:, focus-visible:, active:, disabled:.

hover · focus · active · disabled

Toggle modifiers

Turn modifiers on/off to see how behavior is declared next to base styles.

hover: enabled focus-visible: enabled active: enabled disabled: ON

Demo steps:

1) Hover 2) Tab to focus 3) Click + hold for active 4) Toggle disabled

Interact

Big visual changes so no one squints at subtle hover.

Tip: click here, then hit Tab.

Class readout