twitter-bootstrap - dotless 中的“双重混合”支持

Question

似乎无点编译器无法处理以下情况。在bootsrap buttons.less 文件中，我想使用 mixin：

// Disabled state
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: darken(@white, 10%);
  .opacity(65);
  .box-shadow(none);
}

我在我的less文件中使用这个mixin，如下所示：

@import "../buttons.less
.state2 .followButton{
                .follow{ display:block; }
                .following{ display:none; }
                .unfollow{ display:none; }
                .btn.disabled;
                pointer-events:none;
            }

编译器引发以下错误：

.btn.disabled is undefined on line 178 in file '/myFile.less':

使用 winless，css 编译没有任何问题，因此我认为编译器是“问题”。

这是一个已知问题吗？（这根本是个问题吗？）
对于像我这样基于引导程序的项目，您会推荐什么？

作为一个附带问题，为什么不在 dotless 中使用常规的 less 编译器？有什么技术原因吗？

Answer 1

这不是由错误的导入引起的吗？您的导入行应以“;

@import "../buttons.less";

以下代码产生所需的输出：

.btn.disabled, .btn[disabled] {
  font-size: 120%;
}

.foo {
  .btn.disabled;
}

产生：

.btn.disabled,
.btn[disabled] {
  font-size: 120%;
}
.foo {
  font-size: 120%;
}