Layout
Un breakpoint, dos estados: desktop y mobile.
Un solo breakpoint porque cada breakpoint adicional multiplica los estados que hay que diseñar, construir y mantener; con un equipo pequeño manteniendo varios sitios, cada uno es deuda. La prosa va a 90ch porque a 65ch las frases del body a 18px se fragmentaban.
El breakpoint es el md de Tailwind (768px).
| Propiedad | Valor | Token |
|---|---|---|
| Breakpoint | 768px | --breakpoint-md |
| Prose max-width | 90ch | en prose.css |
| Site max-width | 1280px | --site-max-width |
| Site padding-x | 32px (desktop) / 16px (mobile) | --site-padding-x |