Usa funciones Sass para color, números y strings, y aplica operadores con criterio para generar CSS consistente.
Las funciones Sass evitan valores mágicos repetidos y te ayudan a mantener relaciones proporcionales.
Con módulos como math o color puedes calcular tamaños y ajustar contrastes de forma sistemática.
Los operadores son útiles, pero deben responder a reglas de diseño, no a improvisación.
Piensa en funciones como capa de diseño declarativo sobre CSS.
Sass incluye funciones para color, listas, mapas y matemáticas. Úsalas para construir sistemas de diseño, no solo trucos puntuales.
Cuando un cálculo representa una regla estable de producto, conviene encapsularlo en una función propia.
Operar con unidades en Sass puede simplificar spacing y tipografía fluida, siempre revisando el CSS final.
Evita fórmulas complejas sin contexto: prioriza legibilidad del equipo.
Usa funciones Sass para color, números y strings, y aplica operadores con criterio para generar CSS consistente.
Código del tema: Arquitectura Sass escalable
Sass incluye funciones para color, listas, mapas y matemáticas. Úsalas para construir sistemas de diseño, no solo trucos puntuales.
Cuando un cálculo representa una regla estable de producto, conviene encapsularlo en una función propia.
Operar con unidades en Sass puede simplificar spacing y tipografía fluida, siempre revisando el CSS final.
Evita fórmulas complejas sin contexto: prioriza legibilidad del equipo.
@function space($step) {
@return $step * 0.25rem;
}
.stack {
gap: space(4);
}
.card {
padding: space(6);
}