SCSS Loop interferieren mit der Transformation: Drehen

Question

Ich versuche meine Hand bei Scss für eine Animation und ich habe Probleme mit dieser Schleife. Ich versuche, 8 Objekte um jeweils 45 Grad zu drehen. Wenn ich eintippe:

Es bricht den Compiler, weil es denkt, dass die Variable $ idef ist. Aber der Grad muss genau gegen die Zahl für die Transformation sein. Wenn ich einen Abstand dazwischen lege, funktioniert es nicht. Ideen?

Answer 1

Sie können es interpolieren wie Sie mit dem id-Selektor tat:

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