插值並添加百分比轉換：無效的屬性值

Question

我試圖插一個值，並將其添加到像這樣的轉換翻譯字符串：

@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}); 
     } 
    } 
    } 

但我得到的輸出是：

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

我怎樣才能得到輸出：

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

Answer 1

解決了：

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