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:

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

Задание 1

Opowiedz, jaki będzie wynik kompilacji następującego kodu:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Opowiedz, jaki będzie wynik kompilacji następującego kodu:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Stwórz mixin .tnr, który będzie ustawiał rodzinę czcionek Times New Roman.

Задание 4

Stwórz mixin .df, który będzie ustawiał właściwość display na wartość flex.

Задание 5

Stwórz mixin .bold, który będzie ustawiał właściwość font-weight na wartość bold.

Задание 6

Stwórz mixin .nowrap, który będzie ustawiał właściwość white-space na wartość nowrap.