Cancelación de la compilación de mixins en LESS
La clase que utilizamos como mixin también se incluirá en el resultado de la compilación.
Sin embargo, hay situaciones en las que queremos crear un fragmento de código, como plantilla, para usar en otras partes del código, y este fragmento por sí mismo no se utilizará.
Para cancelar la compilación del mixin, debe colocar paréntesis después de su nombre, así:
.mix() {
width: 100px;
height: 100px;
}
Explique, cuál será el resultado de la compilación del siguiente código:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Explique, cuál será el resultado de la compilación del siguiente código:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Cree un mixin .tnr que
establezca la familia de fuente Times New Roman.
Cree un mixin .df que
establezca la propiedad display en el valor
flex.
Cree un mixin .bold que
establezca la propiedad font-weight en el valor
bold.
Cree un mixin .nowrap que
establezca la propiedad white-space en el valor
nowrap.