css - Use Dot Before Var in SCSS -


this scss works if remove dot before #{$i}s.

@for $i 1 through 9 {   #a#{$i} {       animation-duration: .#{$i}s;     } } 

however, when include dot, gulp gives me error:

error: invalid css after "...ation-duration:": expected expression (e.g. 1px, bold), ".#{$i}s;"         on line 3 of app/sass/_common.scss >>       animation-duration: .#{$i}s;    -------------------------^ 

i need dot because want .1s, .2s, .3s , on. how make work?

i way:

animation-duration: $i * 0.1s; 

Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -