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:

styles.less.mix() {
  width: 100px;
  height: 100px;
}

Задание 1

Berätta vad resultatet av kompilering av följande kod blir:

styles.less.mix() {
  color: white;
  background: black;
}

p {
  .mix;
  width: 300px;
}

Задание 2

Berätta vad resultatet av kompilering av följande kod blir:

styles.less.mix1() {
  color: white;
  background: black;
}
.mix2() {
  width: 300px;
  height: 300px;
}

p {
  .mix1;
  .mix2;
}

Задание 3

Skapa ett mixin .tnr som kommer att sätta teckensnittsfamiljen till Times New Roman.

Задание 4

Skapa ett mixin .df som kommer att sätta egenskapen display till värdet flex.

Задание 5

Skapa ett mixin .bold som kommer att sätta egenskapen font-weight till värdet bold.

Задание 6

Skapa ett mixin .nowrap som kommer att sätta egenskapen white-space till värdet nowrap.