stylus - スタイラス、変数名と値を参照

Question

私が欲しい...

私はこのようなループをやろうとしています

my-red = #fcc
my-blue = #ccf

for color in my-red, my-blue
  .{color}
    color x

出力させたい

.my-blue {
  color: #ccf;
}
.my-red {
  color: #fcc;
}

必要に応じて変数名と値の両方を取得できないようです

my-blue = #ccf
my-red = #fcc

for x in 'my-blue' my-red
  .{x}
    color x

ただし、クラス名または色名のいずれかを取得するだけです（反復する変数名として文字列を使用するかどうかによって異なります）

.my-blue {
  color: "my-blue";
}
. {
  color: #fcc;
}

score 16 · Accepted Answer

このようなタスクには配列を使用できるため、次のことができます。

my-colors = my-red  #fcc,
            my-blue #ccf

for pair in my-colors
  .{pair[0]}
    color pair[1]

そうすることで、配列を宣言してmy-colorsから、ペアの最初の要素を名前として、2 番目の要素を値として使用して、配列を反復処理します。