In Stylus, come si utilizza un variable in un'espressione calc?Come utilizzare una variabile Stylus nel calcolo?
Ad esempio, il seguente non funziona (arrow-size essendo una variabile):
arrow-size = 5px
left calc(50% - arrow-size)
Per poter utilizzare una variabile Stylus all'interno un'espressione calc, si deve impiegare il string % operator:
arrow-size = 5px
left "calc(50% - %s)" % arrow-size
Per utilizzare più variabili (non solo uno) in calc (o con altre funzioni), io uso sprintf come si è utilizzato, ma con le tuple:
arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)
Ricordare che lo interepolation in Stilo è supportato tramite {} ed è utilizzato per altri tipi di interpolazione. È usato per circondare un'espressione, che diventa parte di un identificatore o di un selettore.
Nel caso non lo sapessi, Stylus ti consente di eseguire direttamente il calcolo: 'left (50% - arrow-size)'. Ma immagino che potrebbero esserci delle volte in cui vuoi che il 'calc' attuale si mostri con – nachocab
' left (50% - arrow-size) 'diventa' 45% ', che non è corretto se stai mixando unità del genere. –