Introducción

Syntactically Awesome Stylesheets (SASS) es un metalenguaje de Cascade Stylesheet (CSS), es un azúcar sintáctico del lenguaje CSS, es decir, añadidos a la sintaxis del lenguaje sin que afecte su funcionalidad.

SASS es un lenguaje de script, el cual al compilarse produce una hoja de estilo, que nos permite usar variables, funciones, anidamiento y mixins.

Ventajas del uso de SASS

1.- Mediante SASS podemos nestear las reglas de CSS, asmismo, podemos anidar los selectores hijos dentro de los padres, para no repetir el uso de éstos, así como tener un archivo más legible. Ejemplo:

2.- Gracias al uso de variables y funciones, SASS nos ayuda a escribir menos código y a evitar que se repita.

3.- También se puede implementar con punto y coma y llaves, o se puede usar indentado para la creación del código.

Conclusión

SASS se puede definir como la forma de “programar” con CSS. En esencia es un lenguaje que, mediante ciertas reglas, al compilarlo nos produce una archivo CSS. Éste nos ayuda a no repetir código, y a hacerlo más lógico y legible. Por lo tanto, nos ayuda a ahorrar tiempo y dolores de cabeza.