перебирая список цветов с помощью sass
Можно иметь список из трех цветов:
$ color-list: x y z;
А затем примените эти три цвета, поочередно просматривая их и добавляя их к неупорядоченному элементу списка.
Я хочу:
<li>row 1</li> (gets color x)
<li>row 2</li> (gets color y)
<li>row 3</li> (gets color z)
<li>row 4</li> (gets color x)
и так далее и тому подобное.
Я пытался использовать @each (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#each-directive), но затем он просто перестает применять цвет после первого просмотра списка. Я хочу, чтобы цвета продолжали циклически изменяться, пока не закончатся элементы списка, к которым они будут применены.
это возможно с sass?