如何在 calc 中使用 Stylus 变量？答案

【问题标题】：How to use a Stylus variable in calc?如何在 calc 中使用 Stylus 变量？
【发布时间】：2015-11-23 04:20:14
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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 是通过{} 支持的，它用于其他类型的插值。它用于包围表达式，然后成为标识符或选择器的一部分。

【讨论】：