How to create a loop for nth-child?

Hello, I work in preprocessor stylus. The task is to make the following code using loop, I do not understand what is wrong
Code for css:
.example .example__item:nth-child(1)
 grid-area: item1
.example .example__item:nth-child(2)
 grid-area: item2
.example .example__item:nth-child(3)
 grid-area: item3

On stylus:
.example
 for row,index in 1 2 3
.example__item:nth-child({row})
 grid-area: item{row}
April 19th 20 at 11:59
0 answer

Find more questions by tags Stylus