title: Looking for a way to loop through Sass animations
body: <p>Could someone help convert the following functionality into a Sass loop? I imagine it's pretty self explanatory:</p>
  
  <p>Many thanks in advance</p>
  
  <pre><code>@keyframes slideIn {
      from {opacity:0;transform:translateX(-20px);}
      to {opacity:1;transform:translateX(0px);}
    }  
    &amp;:nth-child(1) {
      animation:slideIn .5s;
    }
    &amp;:nth-child(2) {
      animation:slideIn 1s;
    }
    &amp;:nth-child(3) {
      animation:slideIn 1.5s;
    }
    &amp;:nth-child(4) {
      animation:slideIn 2s;
    }
    &amp;:nth-child(5) {
      animation:slideIn 2.5s;
    }
  </code></pre>