SCSS @for循环 - 可能不来自和来自？

Question

下面的代码会增加每个.element的动画延迟，但我必须说明数字（1-6）。有没有办法不指定数字，因为我想通过JS动态创建更多元素？

@for $i from 1 through 6 {
  .element:nth-child(#{$i}) {
    animation-delay: (#{$i * 0.175}s); 
  }
}