如何在 calc 中使用 Stylus 变量？

Posted 2023-03-06

【中文标题】如何在 calc 中使用 Stylus 变量？

【英文标题】：How to use a Stylus variable in calc?

【发布时间】：2015-11-23 04:20:14

【问题描述】：

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

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

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

【问题讨论】：

万一您不知道，Stylus 可以让您直接进行计算：left (50% - arrow-size)。但我想有时您可能希望实际的 calc 出现

left (50% - arrow-size) 变为 45%，如果您要混合这样的单位，这是不正确的。

【参考方案1】：

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

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

【参考方案2】：

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

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

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