The framework's only axis below industry (ARCHETYPE_COHERENCE_AUDIT flagged it RED: 0 components guaranteed 44/48px, 0 hit-area, md=36 < the mobile minimum). On COARSE pointers (touch), grow button-like controls to the 44px target (WCAG 2.5.5 AAA / Apple HIG 44pt / Material 48dp); the desktop (fine pointer) keeps its compact density — gated out, zero regression. Transversal rule in archetypes.css: the trigger / close / action archetypes + the standalone [data-button]. `:not([data-size='lg']):not([data-size='xl'])` does double duty — skips the already->=44 sizes (so min-* only GROWS xs/sm/md, never shrinks lg/xl) AND lifts specificity to 0,2,0 to beat the recipes' own min-block-size. Both axes, so icon-only / short-label controls reach 44x44. Verified: rule serves; md button + sm trigger match, lg button + item rows don't; desktop button stays 36px (gate doesn't leak). Follow-up passes: item/option rows (list-surface height), field-trigger, thumb, and the small markers (checkbox/radio/switch — their clickable label often already provides the target).active-uix
parent
b2ca998985
commit
a265d39aef
Loading…
Reference in new issue