如何在 calc 中使用 Stylus 变量？

Question

在 Stylus 中，如何使用 variable in a calc 表达式？

例如，以下不起作用（arrow-size 是一个变量）：

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

Answer 1

为了在计算表达式中使用 Stylus 变量，必须使用 string % operator:

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

Answer 2

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

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

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