问题
In Stylus, how do I use a variable in a calc expression?
For example, the following doesn't work (arrow-size
being a variable):
arrow-size = 5px
left calc(50% - arrow-size)
回答1:
In order to use a Stylus variable inside a calc expression, one must employ the string % operator:
arrow-size = 5px
left "calc(50% - %s)" % arrow-size
回答2:
To use multiple variables (not just one) in calc (or with other functions), i use sprintf as you used, but with tuples:
arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)
Remember that interepolation in Stylus is supported through {}
and it's used for other kind of interpolation. It's used to surround an expression, which then becomes part of a identifier, or a selector.
来源:https://stackoverflow.com/questions/32272158/how-to-use-a-stylus-variable-in-calc