css - SCSS loop interfering with transform: rotate -


i'm trying hand @ scss animation , i'm having trouble loop. i'm trying rotate 8 objects 45 degrees each. when type in:

@for $i 1 through 8    #no#{$i}     transform: rotate(45*$ideg) 

it breaks compiler because thinks variable $ideg. deg needs right against number transform. when put space between, doesn't work. ideas?

you can interpolate did id selector:

@for $i 1 through 8    #no#{$i}     transform: rotate(#{45*$i}deg) 

Comments