Variables con intención
1
No nombres variables por color bruto si representan uso de interfaz. Mejor $color-texto-primario que $azul-700.
2
Así podrás hacer rebranding o ajustar contraste sin romper componentes.
Sass
02
Variables Sass y scope sin sorpresas
Domina variables en Sass, su alcance y cómo mantener tokens coherentes para compilar CSS limpio y predecible.
Código del tema: Arquitectura Sass escalable
📘 Teoría
Scope local y global
1
Si redefinies una variable dentro de un bloque, afecta solo a ese contexto salvo uso explícito global.
2
Revisa el CSS resultante para asegurarte de que el output coincide con tu intención.
Scope de variables
$space-md: 1rem;
.card {
$space-md: 0.75rem;
padding: $space-md;
}
.panel {
padding: $space-md;
}