Tailwind compila; Style gobierna.
v10 usa Tailwind sin fork. El framework resuelve generación de CSS; Style define identidad, tokens, semántica, componentes y distribución.
Capas
| Capa | Responsabilidad | Contrato |
|---|---|---|
| Tailwind | Generar utilidades y variantes | Dependencia de build fijada |
| Theme Style | Mapear tokens semánticos a namespaces Tailwind | CSS versionado |
| Kit Style | Componentes, patrones y estados | Clases semánticas y HTML |
| Marca | Acento, identidad, titular y densidad permitida | Hoja de marca |
| Producto | Composición y excepciones locales | CSS prefijado y acotado |
No es un fork
- No copiar ni modificar el código de Tailwind.
- Fijar una versión compatible en el paquete de Style.
- Actualizar Tailwind como dependencia, con changelog y pruebas.
- Mantener el contrato de Style independiente de nombres internos del framework.
Selección de capa
<!-- patrón repetible: componente semántico -->
<button class="cis-button cis-button--primary">Guardar</button>
<!-- ajuste local: utilidades permitidas -->
<div class="mt-6 grid gap-4 lg:grid-cols-2">…</div>Decisiones
Usa el identificador para confirmar, modificar o rechazar una regla.
TW-01Regla vigenteTailwind es compilador, no fork ni contrato HTML público.