Stylus中的迭代

Question

我有Stylus的档案，看起来：

div.c0
   background-color $background-color0
   color $color-0

div.c2
   background-color $background-color2
   color $color-2

div.c4
   background-color $background-color4
   color $color-4

div.c8
   background-color $background-color8
   color $color-8

div.c16
   background-color $background-color16
   color $color-16

我可以在这里使用Stylus迭代来简化我的Stylus文件吗？

Answer 1

虽然变量没有插值(尚未)，但可以使用lookup bif来获取这些变量的值。所以，对你来说，代码是这样的：

for $i in 0..4
  $num = $i ? 1 : 0
  $num = $num * 2 for $j in 0..($i - 1)
  div.c{$num}
    background-color: lookup('$background-color' + $num)
    color: lookup('$color' + $num)