Annullering af kompilering af mixins i LESS

Klassen, som vi bruger som en mixin, vil også komme med i kompileringsresultatet.

Der er dog situationer, hvor vi ønsker at oprette et stykke kode som en forberedelse til brug andre steder i koden, og samtidig vil dette stykke kode i sig selv ikke blive brugt.

For at annullere kompilering af en mixin skal du sætte parenteser efter dens navn, sådan her:

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

Задание 1

Forklar, hvad resultatet af kompileringen af følgende kode vil være:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Forklar, hvad resultatet af kompileringen af følgende kode vil være:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Lav en mixin .tnr, som vil indstille font-familien til Times New Roman.

Задание 4

Lav en mixin .df, som vil indstille egenskaben display til værdien flex.

Задание 5

Lav en mixin .bold, som vil indstille egenskaben font-weight til værdien bold.

Задание 6

Lav en mixin .nowrap, som vil indstille egenskaben white-space til værdien nowrap.