En esta séptima clase del curso de LESS, aprenderemos qué son los Mixins y cómo debemos utilizarlos en el momento de maquetar.
Cómo estamos viendo a lo largo de este curso, LESS es un preprocesador que incorpora determinados elementos que nos facilitan muchísimo la maquetación de sitios web.
Uno de estos elementos que más nos ayudan son los Mixins. Se trata de clases auxiliares que incorporan un conjunto de reglas CSS que se repiten a lo largo del código. ¡Vamos a ver cómo hacerlo!
¡Hecho! ¿Te das cuenta de la potencia de los mixins? Hemos sido capaces de sustituir varias líneas de código LESS por una única palabra.
De este modo, utilizando mixins nos ahorramos la tediosa tarea de ir repitiendo una y otra vez dichos atributos y valores dentro de nuestras hojas de estilo y cada vez que nos encontremos con un selector que deba disponer de este estilo concreto, solamente deberemos atribuirle el mixin que hemos creado.
Los mixins son una de las propiedades más importantes de LESS. Utilizándolos de forma correcta, nos podemos ahorrar un montón de líneas de código en nuestros desarrollos.
En la siguiente lección, la octava del curso, continuaremos hablando de mixins. En este caso, introduciremos el concepto de los mixins paramétricos. ¡Nos vemos!
Todos los capítulos de este curso:
- Curso de LESS #1. Introducción
- Curso de LESS #2. Compilación
- Curso de LESS #3. Separación de archivos
- Curso de LESS #4. Anidación de selectores
- Curso de LESS #5. Variables
- Curso de LESS #6. Operadores de colores
- Curso de LESS #7. Mixins
- Curso de LESS #8. Mixins paramétricos
- Curso de LESS #9. Media queries
- Curso de LESS #10. Aplicación práctica