Unterdrückung der Mixin-Kompilierung in LESS

Die Klasse, die wir als Mixin verwenden, wird ebenfalls in das Kompilierungsergebnis aufgenommen.

Es gibt jedoch Situationen, in denen wir ein Stück Code als Vorlage für die Verwendung an anderen Stellen erstellen möchten, und dieses Code-Stück an sich nicht verwendet wird.

Um die Kompilierung des Mixins zu unterdrücken, müssen Sie nach seinem Namen runde Klammern setzen, wie hier gezeigt:

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

Задание 1

Erklären Sie, wie das Ergebnis der Kompilierung following Code aussehen wird:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Erklären Sie, wie das Ergebnis der Kompilierung following Code aussehen wird:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Erstellen Sie ein Mixin .tnr, das die Schriftfamilie Times New Roman festlegt.

Задание 4

Erstellen Sie ein Mixin .df, das die Eigenschaft display auf den Wert flex setzt.

Задание 5

Erstellen Sie ein Mixin .bold, das die Eigenschaft font-weight auf den Wert bold setzt.

Задание 6

Erstellen Sie ein Mixin .nowrap, das die Eigenschaft white-space auf den Wert nowrap setzt.