title: cycling through a list of colors with sass
body: <p>It is possible to have list of three colors: </p>
  
  <p>$color-list: x y z;</p>
  
  <p>And then apply these three colors by cycling through them and adding them to on an unordered list item.</p>
  
  <p>I want:</p>
  
  <pre><code>&lt;li&gt;row 1&lt;/li&gt; (gets color x)
  &lt;li&gt;row 2&lt;/li&gt; (gets color y)
  &lt;li&gt;row 3&lt;/li&gt; (gets color z)
  &lt;li&gt;row 4&lt;/li&gt; (gets color x)
  </code></pre>
  
  <p>and so on and so forth.</p>
  
  <p>I had tried to use the @each (<a href="http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#each-directive">http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#each-directive</a>) function but then it just stops applying color after the first time through the list. I want the colors to keep cycling until it runs out of list items to apply them to.</p>
  
  <p>is this possible with sass?</p>