title: SCSS @for loop - Possible to not from from and to?
body: <p>My code below increases the animation delay on each <code>.element</code> but I have to state the number (1-6). Is there a way to not dictate a number as I want to dynamically create more elements via JS?</p>
  
  <pre><code>@for $i from 1 through 6 {
    .element:nth-child(#{$i}) {
      animation-delay: (#{$i * 0.175}s); 
    }
  }
  </code></pre>