キーワード引数

Stylusはキーワード引数、または「kwargs」をサポートしています。これにより、引数を関連付けられたパラメーター名で参照できます。

以下に示す例は機能的に同等です。ただし、キーワード引数はリスト内の任意の場所に配置できます。キー設定されていない残りの引数は、満たされていないパラメーターに適用されます。

body {
  color: rgba(255, 200, 100, 0.5);
  color: rgba(red: 255, green: 200, blue: 100, alpha: 0.5);
  color: rgba(alpha: 0.5, blue: 100, red: 255, 200);
  color: rgba(alpha: 0.5, blue: 100, 255, 200);
}

body {
  color: rgba(255, 200, 100, 0.5);
  color: rgba(red: 255, green: 200, blue: 100, alpha: 0.5);
  color: rgba(alpha: 0.5, blue: 100, red: 255, 200);
  color: rgba(alpha: 0.5, blue: 100, 255, 200);
}

出力

body {
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
}

body {
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
  color: rgba(255,200,100,0.5);
}

関数またはmixinが受け入れるパラメーターを確認するには、p()関数を使用します

p(rgba)

p(rgba)

出力

inspect: rgba(red, green, blue, alpha)

inspect: rgba(red, green, blue, alpha)

キーワード引数 #

キーワード引数