css - 手写笔：多个值的哈希键未编译

Question

在 Stylus 中，我们如何将哈希键分配给值列表？以下方法都不适合我，它不会编译：

main-content-font = {
  family: "Noto Sans", sans-serif,
  size: 1em
}

main-content-font = {
  family: ("Noto Sans", sans-serif),
  size: 1em
}

main-content-font = {
  family: ("Noto Sans" sans-serif),
  size: 1em
}

main-content-font = {
  family: "Noto Sans" sans-serif,
  size: 1em
}

main-content-font = {
  family: "Noto Sans" sans-serif
  size: 1em
}

标签： cssstylus

Answer 1

你没有注意到你是怎么称呼它的，但这里有两种选择：

将整个内容用单引号括起来并用它来调用它unquote应该可以让你到达那里：

main-content-font = {
  family: '"Noto Sans", sans-serif',
  size: 1em
}

.selector {
  font-family unquote(main-content-font[family]);
  .subselector {
    font-size main-content-font[size];
  }
}

在手写笔 REPL 中确认。

就像在那里创建一个带有字体系列的变量一样，在散列中引用它，然后在没有附加函数的情况下调用散列成员：

sansserif = "Noto Sans", sans-serif

main-content-font = {
  family: sansserif,
  size: 1em
}

也可以在 REPL 中查看。