Как передать аргумент от mixin другому в lesscss?

Question

Я использую LESS CSS модуль 7.x-2.4 в Drupal 7.8 Я хотел бы использовать стилевые миксины, которые передают аргументы другому миксину. В примере передача цвета в виде строки «# CC00CC» работает нормально, но не как переменная типа «darken (@col, 10%)».

@bg(@colBg){
  background-color: @colBg; 
}

@style(@col){
  border: 2px solid lighten(@col, 10%); // ok
  @bg(#CC00CC); // ok - color is passed
  @bg(darken(@col, 10%)); // Color is not being passed to @bg
}

.buttonSubmit{
 @style(#FF00FF); 
}

Как я могу получить каскадные переменные из css-класса в mixnin, который передает аргумент другому mixin?

Answer 1

Ваш синтаксис неверен. Проверьте документы на mixins. Код, который у вас есть, должен быть написан так:

.bg(@colBg){
    background-color: @colBg; 
}

.style(@col){
    border: 2px solid lighten(@col, 10%);
    .bg(#CC00CC);
    .bg(darken(@col, 10%));
}

.buttonSubmit{
    .style(#FF00FF); 
}