меньше css, определите пустую строковую переменную

Question

Я хочу определить переменную, которая в некоторых случаях может быть пустой @prefix: "";

и использовать его вот так src: url("@{prefix}/path/to/something");

проблема в том, что он компилируется в src: url("""/path/to/something");

Как определить пустую строковую переменную, которая может быть скомпилирована в src: url("/path/to/something");

Обновление: Вопрос закрыт https://github.com/cloudhead/less.js/issues/532

Answer 1

Только что нашел способ сделать это ... экранировать пустую строку @prefix: ~'';

Я столкнулся с этим с опцией box-shadow inset, которая часто останется пустой.

Answer 2

Я не уверен, что это возможно за меньшее. Вы можете создать функцию mixin, которая возвращает путь с префиксом, добавленным к нему. Это было бы полезно, если вы хотите изменить префикс один раз в течение некоторого времени и делать это только в одном месте.

.prefixRed(@path: @defaultpath) {
    background: transparent url("red/@{path}");
}
.prefixBlue(@path: @defaultpath) {
    background: transparent url("blue/@{path}");
}