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)
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
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.