variables - 我应该如何定义包含逗号的 Stylus 哈希值？

Question

我发现我无法设置 Stylus hash使用花括号和冒号语法或方括号和字符串语法在值中包含逗号。用 " 或 ' 包装值将导致这些字符作为值的一部分输出。

目前，我有:

fonts-serif = Georgia, serif
fonts-sans-serif = Helvetica, Arial, sans-serif

fonts = {
    serif: fonts-serif,
    sans-serif: fonts-sans-serif
}

使用这些值:

font-family: fonts.serif

有没有更好的办法？

Answer 1

这里有两个选择:

一个)。您可以在值中转义 ,:

fonts = {
  serif: Georgia\, serif
}

body
  font-family: fonts.serif

b).您可以使用 unquote 内置函数并将值用引号引起来:

fonts = {
  serif: "Georgia, serif"
}

body
  font-family: unquote(fonts.serif)