Sass插值不起作用

Question

如何在url中跳轉變量？好像this也不this變種不工作

@include image("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=") 

@mixin image($base64) 
    background: url(data:image/gif;base64,#{$base64}) //this is line N 
    //background: url("data:image/gif;base64,#{$base64}") 

（行N：屬性只規則，指令中不允許，混入 包括，或其它性質）

我想頂嘴3.4.22和3.5.0-rc.1

Answer 1

錯誤消息告訴你background屬性需要被其中一個命名選項包裝。

@mixin image($base64) 
    background: url(data:image/gif;base64,#{$base64}) 

.class 
    @include image("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=") 

編譯成

.class { 
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=); 
} 

與SassMeister和薩斯v3.4.21。我必須改變mixin定義的順序及其用法以使編譯工作。我不知道這是否僅僅是一個編譯器的東西，它可能會爲你另闢蹊徑。