如何在calc中使用Stylus变量?

问题描述 投票:48回答:2

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

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

arrow-size = 5px
left calc(50% - arrow-size)
css css3 stylus css-calc
2个回答
75
投票

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

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

39
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.