CODEWITHSUNDEEP
javascriptcssstylus
Sergei Basharov
Sergei Basharov

Reputation: 53850

Does Stylus support arrays of variables?

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}]

Upvotes: 4

Views: 6626

Answers (3)

webdevdani
webdevdani

Reputation: 1102

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

Upvotes: 2

Артем Портянченко
Артем Портянченко

Reputation: 11

With using range() 

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

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

Upvotes: 1

jko
jko

Reputation: 2098

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

Upvotes: 6

Related Questions