Clases de utilidad.
Las utilidades sirven para composición local, responsive y excepciones pequeñas. Los patrones compartidos pertenecen al Kit.
Árbol de decisión
| Pregunta | Resultado |
|---|---|
| ¿La regla aparece una sola vez? | Utilidad |
| ¿Representa un token publicado? | Utilidad del theme |
| ¿Se repite con nombre y estados propios? | Componente semántico |
| ¿Es identidad? | Token de marca |
| ¿Requiere valor arbitrario? | Revisar si falta un token |
Ejemplo
<section class="cis-container py-10">
<div class="grid gap-6 md:grid-cols-2">…</div>
</section>Evitar
- Cadenas de utilidades copiadas en muchas páginas.
- Valores arbitrarios repetidos.
- Clases construidas con interpolación.
- Utilidades que ocultan semántica o estado accesible.