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