在Stylus中有条件地显示哈希值

Question

我有以下哈希：

styles = {
   fontSize: {
     use: true,
     values: {
       sm: .875rem,
       base: 1rem,
       lg: 1.125rem,
     }
   },
   fontWeight: {
     use: false,
     values: {
       light: 300,
       normal: 400,
       bold: 700,
     }
   }
}

我想创建一个for循环，仅当use设置为true时才处理值。

我有这个代码将遍历不同的样式类型：

for style in styles
  items = styles[style]
  for item in items
    {item}
      for property, value in items[item]
          {property} value

我无法弄清楚如何测试use是设置为true还是false，然后处理（或不处理）值。

关于如何做到这一点的任何想法？

感谢。

Answer 1

您是否考虑在循环中使用conditional statement，例如if <value>语句？

e.g。

for style in styles
  {style}
    items = styles[style]
    if items.use
        for property, value in items.values
            {property} value

查看demo online here.