Меньше смеси с дополнительными параметрами

У меня есть Less mixin, определяемый как:

.fontStyle(@family, @size, @weight: normal, @style: normal, @color: #ffffff, @letter-spacing: normal) {
  font-family: @family;
  font-size: @size;
  color: @color;
  font-weight: @weight;
  font-style: @style;
 letter-spacing: @letter-spacing;
}

Как я могу определить использование, например:

.fontStyle('NimbusSansNovCon-Reg', 12px, , , , 0.1em);

т.е. используйте значения по умолчанию для @weight, @style, @color

Ответы

Ответ 1

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

.fontStyle('NimbusSansNovCon-Reg', 12px, @letter-spacing: 0.1em);

Производит это (обратите внимание, как color, font-weight и font-style использовали значения по умолчанию):

font-family: 'NimbusSansNovCon-Reg';
font-size: 12px;
color: #ffffff;
font-weight: normal;
font-style: normal;
letter-spacing: 0.1em;