SCSS wont compile - Задержка анимации

Question

Я пытаюсь увеличить задержку анимации на всех моих i-х элементах постепенно, но я не могу получить синтаксис правильно. Я нахожусь вечером с правильным подходом или должен использовать js? Приветствия

http://codepen.io/2ne/pen/ycIpj

@for $i from 1 through 10 { 
    &:nth-child(#{$i}) { 
    animation-delay: (#{$i * 0.1})s; 
    } 
} 

Answer 1

Вы должны изменить & с li см следующий код:

@for $i from 1 through 10 { 
    li:nth-child(#{$i}) { 
    animation-delay:(#{$i*0.1s}); 
    } 
} 

для разметки, как это:

<li></li> 
<li></li> 
... 

«правила базового уровня не может содержать char-selector-referring char acter '&'. "