interpolieren und Prozentsatz hinzufügen für Transformation: ungültiger Eigenschaftswert

Question

Ich versuche, einen Wert zu interpolieren und in eine Zeichenfolge wie folgt übersetzen verwandeln hinzufügen:

@for $x from 1 through 30 { 
    @for $y from 1 through 30 { 

     $xt: calc(#{$x} * 100%); 
     $yt: calc(#{$y} * 100%); 

     .stone-0#{$x}0#{$y} { 
     transform: translate(#{$xt}, -#{$yt}); 
     } 
    } 
    } 

Aber der Ausgang Ich erhalte ist:

.stone-0204 { 
    transform: translate(calc(2 * 100%), -calc(4 * 100%)); 
} 

Wie kann ich die Ausgabe erhalten:

.stone-0204 { 
    transform: translate(200%, -400%); 
} 

Answer 1

mit Gelöst:

.stone-0#{$x}0#{$y} { 
    transform: translate(percentage($x), -#{percentage($y)}); 
}