Stylus是否支持变量数组?

时间:2014-01-29 17:30:08

标签: javascript css stylus

我在the docs中找不到使用数组作为变量的示例。很明显,虽然有阵列支持所以我怀疑我应该以不同的方式搜索它。

我找到了列表,但不确定它们是否与数组具有相同或相似的目的,并且找不到语法和示例。

我有一份颜色列表

- cards_colors = #E0137E #8431BF #2388C4 #FED462 #EC633B #B3CF32 #2388C4 #EA8527

我想将每种颜色分配给循环中的相应元素,类似于:

    for num in (0..10)
        &.card-{num}
            background cards_colors[{num}]

3 个答案:

答案 0 :(得分:5)

使用列表对我有用:

cards_colors = ( #E0137E #8431BF #2388C4 )

for num in (0..2)
  .card-{num}
    background cards_colors[num]

请参阅演示:http://codepen.io/anon/pen/IeiEw

答案 1 :(得分:2)

Stylus确实支持数组,但在documentation中很难找到它们,即使在它们进行了修改之后

$arrayName = value0, value1, value2
$arrayName[1] //value1

答案 2 :(得分:1)

使用范围()

cards_colors = ( #E0137E #8431BF #2388C4 )

for num in range(0,(length(cards_colors) - 1))
  .card-{num}
    background cards_colors[num]