Twitter bootstrap ';双混合&x27;无点支撑
似乎无点编译器无法处理以下情况。 在bootsrap buttons.less文件中我想使用mixin:Twitter bootstrap ';双混合&x27;无点支撑,twitter-bootstrap,compiler-errors,less,dotless,Twitter Bootstrap,Compiler Errors,Less,Dotless,似乎无点编译器无法处理以下情况。 在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,如
// 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编译没有任何问题,因此我认为编译器就是“问题”
这是一个已知的问题吗?(这是一个问题吗?对于像我这样基于bootstrap的项目,你会推荐什么
作为一个附带问题,为什么不在dotless中使用常规的less编译器呢?有什么技术原因吗?这不是由不正确的导入引起的吗?您的导入行应以“ 以下代码生成所需的输出:
.btn.disabled, .btn[disabled] {
font-size: 120%;
}
.foo {
.btn.disabled;
}
产生:
.btn.disabled,
.btn[disabled] {
font-size: 120%;
}
.foo {
font-size: 120%;
}
谢谢,这就是问题所在。
.btn.disabled,
.btn[disabled] {
font-size: 120%;
}
.foo {
font-size: 120%;
}