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:

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

Задание 1

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

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

p {
  .mix;
  width: 300px;
}

Задание 2

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

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

p {
  .mix1;
  .mix2;
}

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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