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行：属性仅允许在规则，指令，mixin中使用包括或其他属性。）

我尝试了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和Sass v3.4.21。我不得不改变mixin定义及其用法的顺序，以使编译工作。我不知道这只是一个编译器的东西，它可能反过来适合你。

Sass插值不起作用

1 个答案: