LESS 正在乘以 mixin 的输出

Question

我有一个像这样的 mixin：

#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;
}