Less-default

LESS-デフォルト機能

説明

Default関数は、ガード条件内で使用可能な場合にのみtrueを返し、他のどのミックスインとも一致しない場合はfalseを返します。 デフォルトの関数がmixinガード条件外で使用される場合、通常のcssとして解釈されます。

例

次の例は、LESSファイルでのデフォルト関数の使用を示しています-

以下は、拡張子_.less_で保存されたスタイルシートファイルです。これはCSSファイルに似ています。

style.less

.mixin(1)                   {a: 5}
.mixin(2)                   {b: 10}
.mixin(3)                   {c: 15}
.mixin(@a) when (default()) {d: @a}

div {
   .mixin(12);
}

div.style {
   .mixin(3);
}

次のコマンドを使用して、_style.less_ファイルを_style.css_にコンパイルできます-

lessc style.less style.css

上記のコマンドを実行します。それは次のコードで自動的に_style.css_ファイルを作成します-

style.css

div {
   d: 12;
}
div.special {
   c: 15;
}