Anularea compilării mixin-urilor în LESS

Clasa pe care o folosim ca mixin, de asemenea, va apărea în rezultatul compilării.

Există, totuși, situații când vrem să creăm o bucată de cod, ca o pregătire, pentru a o folosi în alte părți ale codului, și în același timp, această bucățică în sine nu va fi folosită.

Pentru a anula compilarea unui mixin trebuie să puneți după numele său paranteze rotunde, astfel:

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

Задание 1

Spuneți, care va fi rezultatul compilării următorului cod:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Spuneți, care va fi rezultatul compilării următorului cod:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Creați un mixin .tnr, care va seta familia de fonturi Times New Roman.

Задание 4

Creați un mixin .df, care va seta proprietatea display la valoarea flex.

Задание 5

Creați un mixin .bold, care va seta proprietatea font-weight la valoarea bold.

Задание 6

Creați un mixin .nowrap, care va seta proprietatea white-space la valoarea nowrap.