Afmelding van mixin compilatie in LESS
De klasse die we gebruiken als een mixin, komt ook in het compilatieresultaat terecht.
Er zijn echter situaties waarin we een stuk code willen maken, als een sjabloon, voor gebruik op andere plaatsen in de code, en waarbij dit stukje code op zichzelf niet gebruikt zal worden.
Om de compilatie van de mixin af te melden, moet je ronde haakjes achter de naam plaatsen, zoals dit:
.mix() {
width: 100px;
height: 100px;
}
Vertel wat het resultaat van de compilatie van de volgende code zal zijn:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Vertel wat het resultaat van de compilatie van de volgende code zal zijn:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Maak een mixin .tnr, die
het fontfamilie Times New Roman zal instellen.
Maak een mixin .df, die
de eigenschap display zal instellen op de waarde
flex.
Maak een mixin .bold, die
de eigenschap font-weight zal instellen op de waarde
bold.
Maak een mixin .nowrap, die
de eigenschap white-space zal instellen op de waarde
nowrap.