Anulowanie kompilacji mixinu w LESS
Klasa, której używamy jako mixinu, również trafi do wyniku kompilacji.
Zdarzają się jednak sytuacje, gdy chcemy utworzyć jakiś fragment kodu, jako gotowiec, do użycia w innych miejscach kodu, i przy tym sam ten fragment nie będzie używany sam z siebie.
Aby anulować kompilację mixinu, należy umieścić po jego nazwie okrągłe nawiasy, w ten sposób:
.mix() {
width: 100px;
height: 100px;
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Stwórz mixin .tnr, który będzie
ustawiał rodzinę czcionek Times New Roman.
Stwórz mixin .df, który będzie
ustawiał właściwość display na wartość
flex.
Stwórz mixin .bold, który będzie
ustawiał właściwość font-weight na wartość
bold.
Stwórz mixin .nowrap, który będzie
ustawiał właściwość white-space na wartość
nowrap.