A mixinek fordításának mellőzése LESS-ben

Az a osztály, amelyet mixinként használunk, szintén meg fog jelenni a fordítás eredményében.

Vannak azonban olyan helyzetek, amikor létre szeretnénk hozni egy kódrészletet sablonként, hogy más kódrészekben használhassuk, és közben magát a kódrészletet nem fogjuk önmagában használni.

Ahhoz, hogy egy mixin ne forduljon le, a neve után kerek zárójeleket kell tenni, így:

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

Задание 1

Mondd el, mi lesz a következő kód fordítási eredménye:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Mondd el, mi lesz a következő kód fordítási eredménye:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Készíts egy .tnr mixint, amely beállítja a betűcsaládot Times New Roman értékre.

Задание 4

Készíts egy .df mixint, amely beállítja a display tulajdonságot flex értékre.

Задание 5

Készíts egy .bold mixint, amely beállítja a font-weight tulajdonságot bold értékre.

Задание 6

Készíts egy .nowrap mixint, amely beállítja a white-space tulajdonságot nowrap értékre.