Fondos.
Los fondos separan capas funcionales sin decoración excesiva.
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 |
|---|---|---|
| background-attachment | Excepcional | No fixed en móvil o con reducción de movimiento |
| background-clip | Controles y recortes | No usar texto degradado para contenido |
| background-color | paper, surface y estados | Sólo tokens semánticos |
| background-image | Datos o identidad aprobada | No textura decorativa en UI operativa |
| background-origin / position | Assets | Conservar punto focal definido |
| background-repeat / size | Patrones o medios | Evitar ruido y consumo innecesario |
Reglas de Style
- El papel base es neutro.
- Una marca no redefine toda la superficie.
- No usar gradientes como jerarquía por defecto.
- Texto sobre imagen requiere capa y contraste medido.
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.