Introducción a SASS

Vamos a ver una breve introducción a SASS. SASS (Syntactically Awesome Style Sheets) permite optimizar el código, para conseguir hojas de estilo más modulares y reutilizables. La documentación que vamos a utilizar se cita a continuación:

Instalar SASS

Instalar SASS es de lo más agradecido. Basta con instalar Ruby y ejecutar una línea de código:

gem install sass

Puedes echar un vistazo aquí: SASS.

Características principales de SASS

Variables, anidamiento, maestros y partials, referencias al selector padre, la opción watch y los estilos de impresión, los podemos ver en https://styde.net/aprende-sass-caracteristicas-principales/

La regla @media

Para nuestros puntos de ruptura utilizamos la directiva @media, que es igual que la regla @media de CSS, pero con salvedades. Podemos consultar más sobre ello en http://librosweb.es/libro/sass/capitulo_7.html#la_regla_media

Modularidad en SASS

Para conocer sobre operadores, mixins y extends, podemos consultar en https://styde.net/aprende-sass-operators-mixins-y-extends/

Directivas de control

Las directivas de control @if, @for, @each y @while, podemos consultarlas en http://librosweb.es/libro/sass/capitulo_8.html

Mapas

Los mapas permiten crear "bases de datos estáticas" para almacenar información de cierta complejidad. Para conocer más sobre ellos, podemos consultar en https://styde.net/aprende-sass-tipo-de-dato-maps-y-funciones/

Funciones

Las funciones son parecidas a los mixins, pero son más adecuadas para realizar cálculos, y además permiten mayor flexibilidad en ciertos casos. Podemos saber más en https://styde.net/aprende-sass-tipo-de-dato-maps-y-funciones/

Gestión de errores

Los mensajes de SASS pueden ser demasiado generales. Con la directiva @error y @warn, podemos mejorarlos. Para conocer más sobre este punto, consultar en https://styde.net/como-usar-las-directivas-warn-y-error-en-sass/