Как я могу заставить меньше (CSS) распознавать переменную?

Question

У меня есть несколько изображений на моем сайте, которые со временем изменится. Чтобы убедиться в обновлениях CSS, когда я внося изменения, я добавил переменную запроса с строкой версии:

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

Я хотел бы иметь возможность делать это с меньшим количеством, поэтому мне не нужно менять все ссылки на изображение:

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

Однако меньше. App не может распознать переменную @mediaVersion в этой строке и оставляет ее, как написано. Я попытался завернуть его {@mediaVersion} а также (@mediaVersion) Но они вызывают ошибки при компиляции. После этого я попытался добавить полутожна.

Как я могу заставить это работать?

Answer 1

Попробуй это:

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

Раздел «Строка интерполяция» в http://lesscss.org/#-variables показывает, что это должно работать.