En esta octava clase del curso de Sass aprenderemos qué son y cómo trabajan los mixins paramétricos en nuestro código Sass.
En la anterior clase de este curso aprendimos sobre los mixins. Vimos que son clases auxiliares que incorporan un conjunto de reglas CSS que se repiten a lo largo del código.
Y en esta lección, damos un paso más allá e introducimos el concepto de mixins paramétricos. Éstos no son nada más que mixins como los que ya conocemos con la particularidad de les podemos pasar uno o varios parámetros que nosotros mismos definimos.
De este modo, podemos llevar la potencia de los mixins tradicionales un punto más allá, convirtiéndolos en auténticas reglas dinámicas de maquetación. ¡Vamos a ello!
¡Listo! En el vídeo hemos aprendido cómo transformar un parámetro introducido en un mixin de píxeles a rems fácilmente. Una vez más, os invitamos a descargaros el código de la clase desde el enlace que os hemos dejado debajo del vídeo.
Además, también hemos visto cómo crear un mixin paramétrico, el cual cuenta con cuatro parámetros que sustituyen a cuatro valores de un selector.
Ahora, cada vez que escribamos nuestros mixins y los potenciemos con parámetros, Sass automáticamente transformará dichos parámetros en los valores que hayamos definido a lo largo del código.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de Sass #1. Estructura y maquetación
- Curso de Sass #2. Compilación en Sass
- Curso de Sass #3. Anidación en Sass
- Curso de Sass #4. Variables en Sass
- Curso de Sass #5. Colores en Sass
- Curso de Sass #6. Bucles en Sass
- Curso de Sass #7. Mixins en Sass
- Curso de Sass #8. Mixins paramétricos en Sass
- Curso de Sass #9. Funciones en Sass
- Curso de Sass #10. Condicionales en Sass