Avbryt kompilering av mixin i LESS
Klassen som vi använder som ett mixin, kommer också att hamna i kompileringsresultatet.
Det finns dock situationer där vi vill skapa en bit kod, som en förberedd mall, för användning på andra ställen i koden, och samtidigt kommer inte denna bit att användas självständigt.
För att avbryta kompilering av ett mixin måste du sätta runda parenteser efter dess namn, så här:
.mix() {
width: 100px;
height: 100px;
}
Berätta vad resultatet av kompilering av följande kod blir:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Berätta vad resultatet av kompilering av följande kod blir:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Skapa ett mixin .tnr som kommer att
sätta teckensnittsfamiljen till Times New Roman.
Skapa ett mixin .df som kommer att
sätta egenskapen display till värdet
flex.
Skapa ett mixin .bold som kommer att
sätta egenskapen font-weight till värdet
bold.
Skapa ett mixin .nowrap som kommer att
sätta egenskapen white-space till värdet
nowrap.