Sass-Interpolation funktioniert nicht

Question

Wie kann ich Variable in URL entkommen? Scheint, wie this noch this Variante funktionieren nicht

@include image("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=") 

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

(Linie N:. Eigenschaften nur innerhalb Regeln erlaubt sind, Richtlinien, mixin enthält, oder andere Eigenschaften)

Ich habe versucht, sass 3.4.22 und 3.5.0-rc.1

Answer 1

Die Fehlermeldung teilt Ihnen mit, dass die background-Eigenschaft von einer der genannten Optionen umschlossen werden muss.

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

.class 
    @include image("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=") 

kompiliert

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

mit SassMeister und Sass v3.4.21. Ich musste die Reihenfolge der Mixin-Definition und deren Verwendung ändern, um die Kompilierung zu ermöglichen. Ich weiß nicht, ob das nur eine Compiler-Sache ist, es könnte umgekehrt funktionieren.