Итерации в Stylus

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)