如何在calc中使用Stylus变量？

Question

在Stylus中，我如何在calc表达式中使用variable？例如，以下代码无法正常工作（其中arrow-size是一个变量）：

arrow-size = 5px
left calc(50% - arrow-size)

- aknuds1

---

以防你不知道，Stylus让你可以直接进行计算：left (50% - arrow-size)。但我猜有时候你可能想要实际的calc出现。 - nachocab

“left (50% - arrow-size)”变成了“45％”，如果您混合使用单位，那就不正确。 - Kael Watts-Deuchar

Answer 1

为了在calc表达式中使用Stylus变量，必须使用字符串%运算符：

arrow-size = 5px
left "calc(50% - %s)" % arrow-size

- aknuds1

Answer 2

为了在calc（或其他函数）中使用多个变量（而不仅仅是一个），我使用sprintf，但是使用元组：

arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)

请记住，在Stylus中，插值是通过使用{}来支持的，并且它用于其他类型的插值。 它用于包围表达式，然后成为标识符或选择器的一部分。

- Facundo Victor