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

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

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

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

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

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

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

p {
	.mix;
	width: 300px;
}

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

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

p {
	.mix1;
	.mix2;
}

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

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

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

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