LESS-パラメトリックミックスイン

説明

パラメトリックミックスインは、引数とそのプロパティを取得してLESSの機能を拡張する1つ以上のパラメーターを使用して、別のブロックにミックスされたときにミックスイン出力をカスタマイズします。

たとえば、単純なLESSコードスニペットを考えてみましょう-

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

ここでは、パラメトリックミックスインを.borderとして使用し、幅、スタイル、色の3つのパラメーターを使用しています。これらのパラメーターを使用して、渡されたパラメーター値でミックスイン出力をカスタマイズできます。

次の表に、さまざまなタイプのパラメトリックミックスインとその説明を示します。

シニア番号 タイプと説明
1 複数のパラメーターを持つミックスイン

パラメータは、コンマまたはセミコロンを使用して区切ることができます。

2 名前付きパラメーター

ミックスインは、名前を使用して、位置の代わりにパラメーター値を提供します。

3 @arguments変数

ミックスインが呼び出されると、@ argumentsには渡されたすべての引数が含まれます。

4 高度な引数と@rest変数

Mixinは、を使用して可変数の引数を取ります ....

5 パターンマッチング

パラメータを渡すことにより、ミックスインの動作を変更します。