LESS условное изменение переменной внутри mixin

Question

Мне нужно добиться такого эффекта, но даже когда @padding на самом деле < @height все еще использует значение множителя 2, которое не имеет смысла ... Есть ли какие-либо ограничения, которые я не знаю о ?

.btn-svg-offset(@height, @padding) { 
    @paddings-n: floor(@height/@padding); 
    @multiplier: 2; 

    & when (@padding < @height) { 
     @multiplier: 1; 
    } 

    @btn-svg-offset: @padding + ((@height/@multiplier) * @paddings-n); 
}; 

Любые обходные приветствуются)

Answer 1

& when не if (они обычно говорят так просто для краткости). & {...} по-прежнему является регулярным набором правил с его собственной областью, а переменные, определенные внутри набора правил, не отображаются во внешних областях.

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

.btn-svg-offset(@height, @padding) { 
    @paddings-n: floor(@height/@padding); 

    .-() {@multiplier: 2} .-; 
    .-() when (@padding < @height) { 
     @multiplier: 1; 
    } 

    @btn-svg-offset: @padding + ((@height/@multiplier) * @paddings-n); 
} 

Обратите внимание, что вы можете поместить то же условие на .btn-svg-offset mixin (так что в реальном коде он не обязательно должен быть таким подробным, как в моем примере ... Точный код может меняться, хотя в зависимости от использования mixin и других его внутренних компонентов).

(Upd.) Например, следующий код (некоторые вариации возможны также) было бы эквивалентно:

.btn-svg-offset(@height, @padding, @multiplier: 2) { 
    @paddings-n: floor(@height/@padding); 
    @btn-svg-offset: @padding + @height/@multiplier * @paddings-n; 
} 

.btn-svg-offset(@height, @padding) when (@padding < @height) { 
    .btn-svg-offset(@height, @padding, 1); 
}