使用Stylus以编程方式创建类

Question

我想知道是否可以使用迭代器以手写方式编写类。

示例：

$my-colors = {
  "black":  #344F5E,
  "grey":   #E0E0E3,
}

我知道那里有define()，但我不确定这是否有效，如果有，我将如何访问密钥和价值方面。

像

for col in $rf-colors
  define('rf-bg-' + col @() {
    background-color:
  })

目标是扩展颜色调色板并自动生成所有类。也许我正在使用完全错误的方法。任何帮助表示赞赏。

Answer 1

您可以将interpolation与{}一起使用，并在哈希for $key, $value in $hash上使用循环：

$my-colors = {
 "black": #000,
 "white": #fff
}

for $name, $color in $my-colors {
  .{$name} {
    background-color: $color
  }
}

将输出：

.black {
  background-color: #000;
}
.white {
  background-color: #fff;
}

define()函数用于define变量。