Annullamento della compilazione dei mixin in LESS

La classe che utilizziamo come mixin verrà inclusa anche nel risultato della compilazione.

Ci sono, tuttavia, situazioni in cui vogliamo creare un frammento di codice come modello, per utilizzarlo in altre parti del codice, e allo stesso tempo questo frammento di per sé non verrà utilizzato.

Per annullare la compilazione del mixin è necessario inserire parentesi tonde dopo il suo nome, in questo modo:

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

Descrivete quale sarà il risultato della compilazione del seguente codice:

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

p {
	.mix;
	width: 300px;
}

Descrivete quale sarà il risultato della compilazione del seguente codice:

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

p {
	.mix1;
	.mix2;
}

Create un mixin .tnr che imposti il font family Times New Roman.

Create un mixin .df che imposti la proprietà display sul valore flex.

Create un mixin .bold che imposti la proprietà font-weight sul valore bold.

Create un mixin .nowrap che imposti la proprietà white-space sul valore nowrap.