如何在sass中引用字符串?

使用字符串插值可以使其更好一点:

!name = "asdf"
.foo
  font-family = "\"#{!name}\""

但我同意我们需要一种更好的方法来处理SASS中的引用字符串。SASS有足够的上下文在这里做一些智能的事情,而不会将引用逻辑卸载给用户。

您可以在变量中引用,使用 单引号 里面 双引号 . 我就是这样做的:

!string = "'Myriad Pro', 'Lucida Sans', Helvetica, Arial, sans-serif"
.foo
  :font-family= !string

这将正确编译为:

.foo{
  font-family: 'Myriad Pro', 'Lucida Sans', Helvetica, Arial, sans-serif; }

我认为你不能用另一种方式引用(即单引号内的双引号)。这样做会导致编译错误。

希望有帮助!

好吧,我发现我需要这样做:

"\"" + !name + "\""

该死的,这是一些笨拙的语法…

使用 http://www.fontsquirrel.com/fontface/generator 我有一个相应的sass mixin:

=addfont(!name, !url, !family = 0)
  @if !family == 0
    !family = !name
  @font-face
    font-family = "'#{!name}'"
    src = url(!url + ".eot")
    src = local("'#{!name}'"), local("'#{!family}'"), url(!url + ".woff") format("'woff'"), url(!url + ".ttf") format("'truetype'"), url(!url + ".svg#" + !name) format("'svg'")

这就引用了以下内容:

@font-face {
  src: url("\"#{$ngx-font-path}/ngx-icon.eot\"");
}