Я сомневаюсь, что использую правило @for для SASS, чтобы динамически перебирать столько элементов, сколько необходимо.
Чтобы получить это:
.class:nth-of-type(2){
top: calc(-35% * 1)
}
.class:nth-of-type(3){
top: calc(-70% * 2)
}
.class:nth-of-type(4){
top: calc(-105% * 3)
}
.class:nth-of-type(5){
top: calc(-140% * 4)
}
и т.д ...
Я написал это:
@for $p from 2 through 5
.class:nth-of-type(#{$p})
top: -35% * ($p - 1)
, который работает нормально!
Но я бы не хотел указывать общее количество элементов в цикле, поэтому он создал быновое правило, если в .class есть братья и сестры.
Возможно ли это только с SASS?