МЕНЬШЕ параметрический Mixin с несколькими переменными

Question

Я установил следующие переменные:

@live:background:url('/cmn/static/images/live_placeholder.png'); 
@online:background:url('/cmn/static/images/online_placeholder.png'); 
@external:background:url('/cmn/static/images/external_placeholder.png'); 

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

.small-thumb(@live){ 
    background-repeat:no-repeat; 
    height:50px; 
    width:50px; 
    float:left; 
    margin-right:5px; 
} 

, но в конечном счете, в моем МЕНЬШЕ, я бы просто назвать его так: .small-палец (@live);

Должен ли я сделать отдельный микшинг для каждого из них?

Благодаря

Answer 1

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

@live:url('/cmn/static/images/live_placeholder.png'); 
@online:url('/cmn/static/images/online_placeholder.png'); 
@external:url('/cmn/static/images/external_placeholder.png'); 

Затем вы можете передать переменные в .small-thumb функции, как это:

.small-thumb(@var){ 
    background-image: @var; 
} 

И вы вызываете функцию с переменным установить таким образом:

.small-thumb(@live); /* the value of @live is passed to .small-thumb */