Меньше mixins с несколькими аргументами

Question

У меня есть этот небольшой миксин:

.linear-gradient(@direction:top, @color1:#fff, @color2:#000) 
{
    background-image: -webkit-linear-gradient(@direction, @color1, @color2);
}

Затем в моем main.less я пытаюсь что-то вроде этого:

a { .linear-gradient(top, #999, #666); }

Это прекрасно работает, скажем, я хочу сделать что-то вроде этого:

a { .linear-gradient(top,     , #666); }

Теперь первый цвет должен по умолчанию соответствовать цвету смешивания по умолчанию. Как мне это сделать? Это вообще возможно

Answer 1

Вы также можете явно передать аргументы, где остальные аргументы принимают значения по умолчанию.

a { .linear-gradient(@direction:top, @color2:#666); }

Answer 2

Меньше не так уж умно.Вы можете указать явно:

.linear-gradient(top, #fff, #000);

или использовать переменную в качестве абстракции для передачи значений по умолчанию.

@colorVar1: #fff;

.linear-gradient(top, @colorVar1, #000);

Меньше не знает, как обращаться с пустым пространством, ибудет считаться недействительным.