Variables y tokens
1
Define colores, radios y espaciados como tokens Sass para mantener coherencia en todo el proyecto.
2
La convención habitual es declarar variables globales al inicio y agrupar por categoría.
CSS
66
Sass: variables, nesting y mixins
Usa Sass para escalar estilos con variables, anidamiento controlado y mixins reutilizables, escribiendo sintaxis Sass (SCSS) real en lugar de HTML.
Código del tema: display: grid; gap: 1rem;
📘 Teoría
Nesting con moderación
Legibilidad sí, sobreanidación no.
Mixins reutilizables
1
Un mixin encapsula un patrón completo y evita copiar reglas en distintos componentes.
2
Úsalo cuando hay repetición real; evita envolver estilos triviales sin necesidad.