web-dev-qa-db-fra.com

Comment utiliser une variable Stylus dans calc?

Dans Stylus, comment utiliser une variable dans une expression calc ?

Par exemple, ce qui suit ne fonctionne pas (arrow-size étant une variable):

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

Pour utiliser une variable Stylus à l'intérieur d'une expression calc, il faut utiliser opérateur% string :

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

Pour utiliser plusieurs variables (pas seulement une) dans calc (ou avec d'autres fonctions), j'utilise sprintf comme vous l'avez utilisé, mais avec des tuples:

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

Rappelez-vous que l'interpolation dans Stylus est prise en charge par {} et il est utilisé pour d'autres types d'interpolation. Il est utilisé pour entourer une expression, qui devient alors partie d'un identifiant ou d'un sélecteur.

42
Facundo Victor