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 :

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

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

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

p {
	.mix;
	width: 300px;
}

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

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

p {
	.mix1;
	.mix2;
}

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

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

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

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