Annulation de la compilation des mixins en LESS

La classe que nous utilisons comme mixin sera également incluse dans le résultat de la compilation.

Cependant, il existe des situations où nous voulons créer un morceau de code, comme une base, pour l'utiliser ailleurs dans le code, et ce morceau en lui-même ne sera pas utilisé indépendamment.

Pour annuler la compilation d'un mixin, il faut placer des parenthèses après son nom, comme ceci :

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

Задание 1

Dites quel sera le résultat de la compilation du code suivant :

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

p {
  .mix;
  width: 300px;
}

Задание 2

Dites quel sera le résultat de la compilation du code suivant :

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

p {
  .mix1;
  .mix2;
}

Задание 3

Créez un mixin .tnr qui définira la famille de police Times New Roman.

Задание 4

Créez un mixin .df qui définira la propriété display avec la valeur flex.

Задание 5

Créez un mixin .bold qui définira la propriété font-weight avec la valeur bold.

Задание 6

Créez un mixin .nowrap qui définira la propriété white-space avec la valeur nowrap.