меньше mixin, не может получить URL-адрес backgroung-image

Question

здесь я хочу создать меньше mixin. Параметр является брендом и должен быть изменен на brand@2x.png. Код ниже не работает.

.bglogo (@brand) { 
    @brandurl: @brand + '@2x.png'; 
    background-image: url(@brandurl); 
} 

.span{ 
    .bglogo('brand'); 
} 

сообщение об ошибке -

Answer 1

Вы должны использовать variable interpolation для того, чтобы сцепить переменной и строки.

В вашем случае, вы будете использовать значение "@{brand}@2x.png":

.bglogo (@brand) { 
    @brandurl: "@{brand}@2x.png"; 
    background-image: url(@brandurl); 
} 

.span { 
    .bglogo('brand'); 
} 

Результат:

.span { 
    background-image: url("brand@2x.png"); 
}