МЕНЬШЕ умножает вывод на миксины

Question

У меня есть такой миксин:

#font {
  .set-size(@size: 14px, @spacing: 1.5) {
  font-size: @size;
  line-height: @size * @spacing;
}

И я называю это из другой таблицы стилей, как эта:

h1 {
  #font > .set-size(24px);
}

И затем компилятор выводит:

h1{font-size:24px;line-height:36px;font-size:24px;line-height:36px;font-size:24px;line-height:36px;}

Как вы можете видеть, он повторяет вывод несколько раз. Кто-нибудь знает, почему это происходит? Я пытался использовать less.app и lessc из командной строки с точно таким же результатом.

Answer 1

Я получил ошибку при попытке скомпилировать ваш пакет, потому что в нем отсутствовала фигурная скобка.

Я смог успешно скомпилировать после этого исправления, и он вывел значения только один раз. Мой код был таким:

#font {
    .set-size(@size: 14px, @spacing: 1.5) {
        font-size: @size;
        line-height: @size * @spacing;
    }
}

h1 {
  #font > .set-size(24px);
}

которые выводят это:

h1 {
  font-size: 24px;
  line-height: 36px;
}