Css 如何在calc中使用手写笔变量?

Css 如何在calc中使用手写笔变量?,css,stylus,css-calc,Css,Stylus,Css Calc,在手写笔中,如何在表达式中使用 例如,以下选项不起作用(箭头大小是一个变量): 要在calc表达式中使用手写笔变量,必须使用: 要在calc(或其他函数)中使用多个变量(不仅仅是一个),我使用与您使用的一样,但使用元组: arrow-size = 5px measure = 50% left "calc(%s - %s)" % (measure arrow-size) 请记住,{}支持in-Stylus,它用于其他类型的插值。它用于包围表达式,然后表达式成为标识符或选择器的

在手写笔中,如何在表达式中使用

例如,以下选项不起作用(
箭头大小
是一个变量):


要在calc表达式中使用手写笔变量,必须使用:


要在calc(或其他函数)中使用多个变量(不仅仅是一个),我使用与您使用的一样,但使用元组:

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

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

如果您不知道,手写笔可以让您直接进行计算:
left(50%箭头大小)
。但我想有时你可能希望实际的
calc
显示在
左侧(50%箭头大小)
变成
45%
,如果你这样混合单位,这是不正确的。
arrow-size = 5px
left "calc(50% - %s)" % arrow-size
arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)