手寫筆：多個值的哈希鍵未編譯

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
}

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 中查看。