Anularea compilării mixin-urilor în LESS
Clasa pe care o folosim ca mixin, de asemenea, va apărea în rezultatul compilării.
Există, totuși, situații când vrem să creăm o bucată de cod, ca o pregătire, pentru a o folosi în alte părți ale codului, și în același timp, această bucățică în sine nu va fi folosită.
Pentru a anula compilarea unui mixin trebuie să puneți după numele său paranteze rotunde, astfel:
.mix() {
width: 100px;
height: 100px;
}
Spuneți, care va fi rezultatul compilării următorului cod:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Spuneți, care va fi rezultatul compilării următorului cod:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Creați un mixin .tnr, care va
seta familia de fonturi Times New Roman.
Creați un mixin .df, care va
seta proprietatea display la valoarea
flex.
Creați un mixin .bold, care va
seta proprietatea font-weight la valoarea
bold.
Creați un mixin .nowrap, care va
seta proprietatea white-space la valoarea
nowrap.