javascript - Does Stylus support arrays of variables? - Stack Overflow

admin管理员组

文章数量:1289586

I can't find in the docs an example of using arrays as variables. It would be obvious though to have arrays support so I suspect I should search for that in a different way.

I have found lists, but not sure if these are intended for the same or similar purpose as arrays and couldn't find syntax and examples.

I have a list of colors

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

And I want to assign each color to a respective element in a loop, similar to this:

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

I can't find in the docs an example of using arrays as variables. It would be obvious though to have arrays support so I suspect I should search for that in a different way.

I have found lists, but not sure if these are intended for the same or similar purpose as arrays and couldn't find syntax and examples.

I have a list of colors

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

And I want to assign each color to a respective element in a loop, similar to this:

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

• javascript
• css
• stylus

Share Improve this question Follow edited Jan 29, 2014 at 17:37 Sergei Basharov asked Jan 29, 2014 at 17:30 Sergei BasharovSergei Basharov 53.9k7878 gold badges207207 silver badges352352 bronze badges 1

• learnboost.github.io/stylus/docs/iteration.html – Hackerman Commented Jan 29, 2014 at 17:34

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

using a list works for me:

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

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

see demo: http://codepen.io/anon/pen/IeiEw

Stylus does support arrays, but it's hard to find in their documentation, even after they revamped it

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

With using range()

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

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

本文标签： javascriptDoes Stylus support arrays of variablesStack Overflow