Annullering af kompilering af mixins i LESS
Klassen, som vi bruger som en mixin, vil også komme med i kompileringsresultatet.
Der er dog situationer, hvor vi ønsker at oprette et stykke kode som en forberedelse til brug andre steder i koden, og samtidig vil dette stykke kode i sig selv ikke blive brugt.
For at annullere kompilering af en mixin skal du sætte parenteser efter dens navn, sådan her:
.mix() {
width: 100px;
height: 100px;
}
Forklar, hvad resultatet af kompileringen af følgende kode vil være:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Forklar, hvad resultatet af kompileringen af følgende kode vil være:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Lav en mixin .tnr, som vil
indstille font-familien til Times New Roman.
Lav en mixin .df, som vil
indstille egenskaben display til værdien
flex.
Lav en mixin .bold, som vil
indstille egenskaben font-weight til værdien
bold.
Lav en mixin .nowrap, som vil
indstille egenskaben white-space til værdien
nowrap.