twitter-bootstrap - 无点的“double mixins”支持

Question

似乎无点编译器无法处理以下情况。
在 bootsrap button.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可以毫无问题地进行编译，因此我认为编译器是“问题”。

这是一个已知问题吗？ (这是一个问题吗？)
您对像我的基于引导的项目有什么建议？

作为附带的问题，为什么不在无点的情况下不使用常规的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%;
}