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

Question

Я пытаюсь сделать миксин с несколькими переменными в LESS, но по какой-то причине это не работает. У меня есть это меньше:

.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
  @val: rgba(@r, @g, @b, @a);

  background: @val;
}

Я называю это так:

.rgbabg(255, 0, 0, .5);

Но я не имею никакого представления о своей стихии вообще. Мой синтаксис в порядке?

Answer 1

Ваш синтаксис вашего миксина в порядке, и он прекрасно компилируется. Я попробовал это в моем LESS конвертере, и все хорошо. Я применил правило к странице для a селектор тегов:

a {
  .rgbabg(255);
}

И это выводит:

a {
  background: rgba(255, 0, 0, 0.5);
}

который окрашивает мои ссылки так же, как и звучит

С какой версией LESS вы компилируете - с какой платформой и версией компилятора? Я бы не рекомендовал компилятор Ruby, так как не думаю, что он больше поддерживается, а все новые интересные функции и поддержка есть в проекте Javascript less.js. Если вы делаете это на PHP или.NET, вы должны проверить эти проекты соответственно.