перебирая список цветов с помощью 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?

Ответы на вопрос(1)

Ваш ответ на вопрос