手写笔，引用变量名称和值

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;
}

Answer 1

您可以使用数组来完成此类任务，因此您可以这样做:

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

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

这样做时，您声明了 my-colors 数组，然后迭代它，使用对中的第一个元素作为名称，第二个元素作为值。