2013-04-30 31 views
2

似乎无点编译器无法处理以下情况。 在bootsrap buttons.less文件我想使用的mixin:dotless中的'double mixins'支持

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

我用这个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的项目,你会推荐什么?

作为一个侧面的问题,为什么不使用常规的lessless编译器在无点?有什么技术原因吗?

回答

1

这是不是由不正确的导入引起的?您的导入线应以“END;

@import "../buttons.less"; 

下面的代码产生所需的输出:

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

.foo { 
    .btn.disabled; 
} 

产地:

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

谢谢,这是问题所在。 – alexpoint 2013-07-15 13:56:57