Maisījumu kompilācijas atcelšana LESS

Klase, ko mēs izmantojam kā maisījumu, arī nonāks kompilācijas rezultātā.

Tomēr ir situācijas, kad mēs vēlamies izveidot kādu koda fragmentu kā sagatavi, lai izmantotu citās koda vietās, un pats šis fragments pats par sevi netiks izmantots.

Lai atceltu mixin kompilāciju, aiz tā nosaukuma jāieliek apaļās iekavas, šādi:

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

Задание 1

Pastāstiet, kāds būs šāda koda kompilācijas rezultāts:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Pastāstiet, kāds būs šāda koda kompilācijas rezultāts:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Izveidojiet mixin .tnr, kas iestatīs fonta ģimeni Times New Roman.

Задание 4

Izveidojiet mixin .df, kas iestatīs īpašību display uz vērtību flex.

Задание 5

Izveidojiet mixin .bold, kas iestatīs īpašību font-weight uz vērtību bold.

Задание 6

Izveidojiet mixin .nowrap, kas iestatīs īpašību white-space uz vērtību nowrap.