如何在calc中使用Stylus变量?

时间:2015-08-28 13:25:24

标签: css css3 stylus css-calc

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

例如,以下内容不起作用(arrow-size是变量):

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

2 个答案:

答案 0 :(得分:77)

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

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

答案 1 :(得分:40)

要在calc(或其他函数)中使用多个变量(不只是一个),我使用sprintf,但使用元组:

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

请记住,{}支持手写笔中的interepolation,并且它用于其他类型的插值。它用于包围表达式,然后表达式成为标识符或选择器的一部分。