LESSにおけるミックスインのコンパイルキャンセル

ミックスインとして使用するクラスは、コンパイル結果にも含まれてしまいます。

しかし、コードの他の場所で使用するためのテンプレートとしてコードの一部を作成したいが、それ自体は単独では使用されないような状況もあります。

ミックスインのコンパイルをキャンセルするには、その名前の後に丸括弧を置きます。以下のように：

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

Задание 1

次のコードのコンパイル結果がどうなるか説明してください：

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

p {
  .mix;
  width: 300px;
}

Задание 2

次のコードのコンパイル結果がどうなるか説明してください：

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

p {
  .mix1;
  .mix2;
}

Задание 3

フォントファミリーに Times New Roman を設定する、ミックスイン .tnr を作成してください。

Задание 4

display プロパティを flex の値に設定する、ミックスイン .df を作成してください。

Задание 5

font-weight プロパティを bold の値に設定する、ミックスイン .bold を作成してください。

Задание 6

white-space プロパティを nowrap の値に設定する、ミックスイン .nowrap を作成してください。