手写笔中的迭代

Question

我有手写笔文件，看起来像：

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)