Zrušenie kompilácie mixinu v LESS
Trieda, ktorú používame ako mixin, sa tiež dostane do výsledku kompilácie.
Avšak existujú situácie, kedy chceme vytvoriť nejaký kúsok kódu ako šablónu na použitie na iných miestach v kóde, a sám o sebe sa tento kúsok nepoužije.
Na zrušenie kompilácie mixinu je potrebné umiestniť za jeho názov okrúhle zátvorky, takto:
.mix() {
width: 100px;
height: 100px;
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Vytvorte mixin .tnr, ktorý bude
nastavovať rodinu písma Times New Roman.
Vytvorte mixin .df, ktorý bude
nastavovať vlastnosť display na hodnotu
flex.
Vytvorte mixin .bold, ktorý bude
nastavovať vlastnosť font-weight na hodnotu
bold.
Vytvorte mixin .nowrap, ktorý bude
nastavovať vlastnosť white-space na hodnotu
nowrap.