МЕНЬШЕ миксин с несколькими переменными

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

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

  background: @val;
}

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

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

Но у меня вообще нет фона на моем элементе. В порядке ли мой синтаксис?


person Gregory Bolkenstijn    schedule 21.09.2011    source источник


Ответы (1)


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

a {
  .rgbabg(255);
}

И выводит:

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

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

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

person Nathan Strutz    schedule 21.09.2011
comment
Спасибо, мы используем библиотеку для нашего фреймворка (CodeIgniter), и кажется, что используемая версия компилятора немного устарела. - person Gregory Bolkenstijn; 22.09.2011