Tokens de Espacio
Sistema de spacing basado en múltiplos de 4px. Consistencia en todos los componentes y layouts.
Múltiplos de 4px. Un valor fuera de la escala rompe el ritmo vertical de toda la pantalla.
xsGaps internos, íconos
sm
mdPadding estándar
lg
xl
2xl
3xl
Ocho niveles nombrados. Un z-index inventado siempre gana de quien lo necesita más.
| base | Contenido estándar | |
| dropdown | Menús dropdown | |
| sticky | Headers fijos | |
| overlay | Backdrops | |
| modal | Modales, sheets | |
| popover | Tooltips, popovers | |
| toast | Notificaciones toast | |
| max | Cookie banner |
| Token | Ancho | Columnas | Uso |
|---|---|---|---|
| xs | 1 col | Mobile small | |
| sm | 1-2 cols | Mobile large | |
| md | 2 cols | Tablet portrait | |
| lg | 2-3 cols | Tablet landscape / Laptop | |
| xl | 3-4 cols | Desktop | |
| 2xl | 4 cols | Wide desktop |