Иногда бывает полезным изменить поведение примеси в зависимости от передаваемых параметров. Например, у нас есть примесь, задающая размер шрифта:

Less.set-font-size(@size) {
  font-size: @size;
}

Мы можем создать ещё одну примесь с таким же названием, но передать дополнительно первым параметром название шаблона этой примеси. Имя шаблона указывается первым перед параметрами самой примеси. Добавим примеси дополнительный первый параметр smaller и немного изменим принцип её работы:

Less.set-font-size(smaller; @size) {
  font-size: @size / 2;
}

Теперь можно вызывать эту примесь с названием шаблона и без него и, в зависимости от этого, получать соответствующие результаты:

Less.text {
  .set-font-size(100px);
}

.small-text {
  .set-font-size(smaller; 100px);
}

CSS.text {
  font-size: 100px;
}

.small-text {
  font-size: 50px;
}

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

Давайте попробуем создать шаблон примеси и применить её для окраски монстров.

В задании применяется встроенная в Less функция lighten для работы с цветом. Она рассматривается в задании первой части тренажёра по Less.