Mixins en SASS
En esta lección nos familiarizaremos con los mixins (mezclas), que permiten incluir una clase dentro de otra. Vamos a ver qué son y cómo trabajar con ellos.
Básicamente, un mixin es el uso de unas clases dentro de otras, cuando una clase es una plantilla - un fragmento de código específico, que podemos usar en muchos lugares.
¿Por qué es esto conveniente? En CSS puro tendríamos que escribir la plantilla de código en todos los lugares donde se necesitara, mientras que en SASS podemos escribirlo en un lugar y luego incluirlo en los lugares necesarios del código.
Para declarar mixins se utiliza la
directiva @mixin, después de la cual
especificamos su nombre, parámetros y el bloque con el cuerpo:
@mixin mix {
width: 100px;
height: 100px;
}
