¿Qué es SASS?
SASS es una extensión de CSS que le brinda mucho más potencial gracias a su lenguaje de estilos propio, ya que integra muchas funcionalidades cómo poder hacer mixins, herencias, anidación, variables, etc.
Instalación:
Para que podamos instalar SASS en nuestro ordenador lo primero que tenemos que tener instalado es NodeJS y el gestor de paquetes npm, si todavía no lo tienes o no sabes cómo, te dejo un artículo paso a paso que te explica como hacerlo.
Después de descargarnos npm entramos en nuestro terminal y escribimos el siguiente código:
npm install -g sass
Compliar el archivo sass en css:
Al tener SASS descargado en nuestro proyecto lo que tenemos que hacer es crear un fichero .sass o .scss, para que luego al compilarse se cree un fichero css que será el qué usemos en nuestro proyecto. El fichero que crearemos se llamará styles.scss.
Para eso entramos en nuestra carpeta del proyecto vía terminal y teniendo ya creado el fichero de SASS y escribimos:
sass –watch styles.scss styles.css
Sirve para que se compile el código que hagamos a un fichero css, y todo el código que creemos utilizando SASS se transforme a css puro.
Esté comando se estará ejecutando hasta que nosotros lo paremos usando las teclas control + c.
¡Esperamos que te haya sido útil!