Это @mixin
будет повторяться для всех nth-детей до nth-child(4)
.
@mixin transition {
@for $i from 1 through 4 {
&:nth-child(#{$i}) {
transition: all .2s #{$i * .1}s ease-in;
}
}
}
Я исследовал и не могу найти решение для динамических элементов. Мне нужно nth-child(4)
, чтобы быть длиной детей.
Так что-то вроде этого в теории:
@for $i from 1 through LENGTHOFCHILDREN
Возможно ли это с помощью scss?