Sass es un procesador CSS. Un preprocesador CSS es una herramienta que nos permite generar, de manera automática, hojas de estilo, añadiéndoles características que no tiene CSS, y que son propias de los lenguajes de programación, como pueden ser variables, funciones, selectores anidados, herencia, etcétera.






Ventajas de utilizar Sass

El uso de una herramienta como Sass proporciona una serie de ventajas, como son las siguientes:


1- Reduce el tiempo para crear y mantener el CSS.

2- Permite tener una organización modular de los estilos, lo cual es vital para proyectos grandes.

3- Proporciona estructuras avanzadas propias de los lenguajes de programación, como variables, listas, funciones y estructuras de control.

4- Permite generar distintos tipos de salida, comprimida, normal o minimizada, trabajando tanto en desarrollo como en producción, además se hace una forma muy fácil.

5- Permite vigilar los ficheros, de tal manera que, si ha habido un cambio en la hoja de estilos, se regenera automáticamente (modo watch).

6- Tiene muy pocas dependencias, sobre todo la nueva versión, que es dart-sass. En las anteriores versiones se dependía de muchas librerías de Ruby y era un poco engorroso de instalar, pero con la nueva versión, la instalación es muy fácil.

7- Existen muchas herramientas asociadas, muchas librerías hechas con Sass y una comunidad muy importante de usuarios.

Desventajas de utilizar Sass


Como todo, Sass tiene algunas desventajas, que son extensibles a cualquier otro preprocesador que se utilice:

1- Hay que aprender a utilizar una nueva herramienta, lo que para algunos supone una desventaja.

2-Hay un tiempo de consumo en el proceso de generación o compilación del CSS, sobre todo si es el archivo SCSS  es muy grande. No es mucho tiempo, pero sí que existe esa pequeña demora.

3-Tiene una sintaxis más compleja que CSS .