Touch Target

V0 ships two touch utilities with different guarantees:

• touch-target guarantees both the minimum width and minimum height.
• touch-target-inline guarantees the minimum height and adds horizontal padding for text links; it does not independently guarantee a 44px minimum width.

touch-target
touch-target-inline

Preview

inline touch target

--touch-target-min defaults to 2.75rem (44px).

Neo-Brutal pressable

pressable ships only through @ayingott/theme/brutal.css and only moves inside .brutal. Compose it with the default accessibility utilities:

<button class="pressable focus-ring touch-target">Action</button>

Hover lifts by -2px on both axes; active presses by 6px; disabled controls do not move. The utility owns local reduced-motion and forced-colors fallbacks. It does not replace focus or target-size behavior.