Тестирование нулевой ценности в LessCSS

Question

Я хотел бы проверить, определена ли переменная перед написанием ее свойства CSS. Например:

#someElement { 
    if (@variable) { 
     background-image: url(@variable); 
    } 
} 

Причина этого заключается в том, чтобы предотвратить пустое url() значение свойства, если переменная равна нулю. Я не могу найти способ сделать это из документации LessCSS.

Answer 1

Вот как такие вещи решаются в "Меньше Way" (именно поэтому данная функция отмечена "низкий приоритет" в Less репо):

library.less:

@variable: null; // or whatever meaningful non-string value 

#someElement { 
    & when (isstring(@variable)) { 
     background-image: url(@variable); 
    } 
} 

user.less:

@import "library.less"; 
@variable: "foo.bar/baz.png"; 

Все, что нужно.