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：プロパティのみルール内で許可されている、ディレクティブ、ミックスイン が含まれる、または他の特性。）

は

私はSASS 3.4.22を試してみました3.5.0-rc.1

Answer 1

エラーメッセージは、backgroundプロパティに名前付きオプションの1つをラップする必要があることを示しています。

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

.class 
    @include image("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=") 

SassMeisterとサスのv3.4.21で

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

にコンパイルされます。 mixinの定義とその使用方法を変更してコンパイル作業をしなければならなかった。私はこれが単なるコンパイラのものかどうかは分かりませんが、逆にあなたのために働くかもしれません。