LessCss rgba и @vars

Question

Я пытаюсь создать функцию с LessCss , но получаю ошибку:

.transparent-border (@alpha:.15, @color:'0,0,0', @type: solid, @size:1px) {
    @val: @size @type rgba(@color, @alpha);
    border: @val;
}

Ошибка
Функция оценки ошибок rgba
@val: @size @type rgba(@color, @alpha);

Как это исправить?

Answer 1

Используйте этот код вместо:

.transparent-border (@alpha:.15, @r:0, @g:0, @b:0, @type: solid, @size:1px) {
    @val: @size @type rgba(@r, @g, @b, @alpha);
    border: @val;
}

Это не только работает, но и имеет больше смысла. В предыдущей попытке вы должны передать цвет в строке:

#myElement{
    /*Old, not-working implementation*/
    .transparent-border (0.15, "0, 0, 0", solid, 1px);

    /*New, neat and working method */
    .transparent-border (0.15, 0, 0, 0, solid, 1px);

    /*Since these are the default settings, it's equivalent to*/
    .transparent-border
}

Проанализировано МЕНЬШЕ:

#myElement {
     border: 1px solid rgba(0,0,0, 0.15);
}