Expand description
Shared interactive-base class fragments. Single source of truth for the focus-visible ring, disabled treatment, and frequency-tiered motion, composed into each component’s class string so the interactive feel cannot drift.
Every constant is a complete class literal in crate source so the Tailwind
@source scanner picks the utilities up; compose via concat!/format!
of these fragments — never build class names dynamically.
Constants§
- HIT_
TARGET_ MIN - Minimum 44px hit target for interactive elements (WCAG 2.5.5). Full literal.
- HIT_
TARGET_ NUMPAD - Enlarged 56px hit target for Numpad keys (Phase 256 consumer). Full literal.
- OVERSCROLL_
CONTAIN - Prevents scroll bounce from escaping a pane boundary. Full literal.
- PRESS_
ACTIVE - Press-state feedback for tap surfaces: scale-down + border tint.
Token-compliant (
active:bg-border=--color-border); no raw palette class. - TAP_
HIGHLIGHT - Removes the default iOS tap-highlight rectangle on touch targets.
Backed by
@utility pos-tap-highlightin input.css (Path B — guaranteed CSS). - TOUCH_
ACTION - Touch-manipulation scroll optimisation for tap targets. Full literal.