Espaciado.
Padding y margin usan una escala cerrada para que el ritmo no cambie entre productos.
Referencia
Tailwind genera estas utilidades durante el build. Style fija los tokens aceptados, los defaults y las restricciones del grupo.
| Propiedad o familia | Uso en v10 | Criterio |
|---|---|---|
| padding | Espacio interno | Preferir tokens 1 a 8; controles respetan target mínimo |
| padding-inline / block | Direcciones lógicas | Preferidas para componentes reutilizables |
| margin | Separación externa excepcional | Stack y gap gobiernan colecciones |
| margin-inline auto | Centrado de contenedores | Acompañar con max-width |
| space-* heredado | Compatibilidad | No es contrato nuevo; migrar a gap |
Reglas de Style
- La escala no expresa importancia por sí sola.
- No usar márgenes negativos salvo patrón documentado.
- Una marca puede cambiar densidad dentro de un multiplicador publicado.
- Los espacios no sustituyen headings o separadores semánticos.
Contrato de uso
- Usar utilidades para ajustes locales y prototipos acotados.
- Usar una clase semántica de Kit cuando el patrón se repite o tiene comportamiento.
- No construir clases dinámicamente; cada nombre debe aparecer completo en el código fuente.
- No usar valores arbitrarios para reemplazar un token que falta. Proponer primero el token.
- Verificar 320 px, 200% de zoom, tema oscuro y reducción de movimiento cuando aplique.