Come posso forzare MENO (CSS) di riconoscere una variabile?

Question

Ho un paio di immagini sul mio sito che cambieranno nel corso del tempo. A dire il vero gli aggiornamenti forze CSS quando faccio i cambiamenti, ho aggiunto una variabile query con una stringa di versione a loro:

#branding{ background: url(../img/branding.jpg?v2); }

Mi piacerebbe essere in grado di fare questo con meno così io non devo cambiare tutti i riferimenti di immagine:

@mediaVersion: 101;
#branding{ background: url(../img/branding.jpg?v@mediaVersion); }

Tuttavia Less.app non può riconoscere il @mediaVersion variabile quella stringa e lo lascia come scritto. Ho provato avvolgendolo in {@mediaVersion} e anche (@mediaVersion) ma questi errori provocano durante la compilazione. Ho provato ad aggiungere un punto e virgola dopo di esso.

Come posso ottenere questo al lavoro?

Answer 1

Prova questo:

@mediaVersion: 101;
#branding{ background: url("../img/branding.jpg?v@{mediaVersion}"); }

La sezione "Interpolazione di stringhe" a http://lesscss.org/#-variables mostra che questo dovrebbe funzionare.