2014-11-05 39 views
0

我用帶點編譯舊版本的自舉的(2.3.2)變量使用帶點

我main.less文件看起來像這樣

@import "less/variables.less"; 

.bootstrap { 
    @import url("less/bootstrap.less"); 
    @import url("less/responsive.less"); 
} 

當編譯引導2.3.2未定義時編譯它我得到的誤差

.box的上漿上在文件 'mixins.less' 線158未定義:[157]:
最小高度:@inputHeight; //使輸入的高度至少爲其對應的 按鈕(基線高+填充+邊框)[158]:
.box-sizing(border-box); //使輸入表現得像真正的塊級元素 -^[159]:} [完成 - 失敗]

但如果我這樣做它的工作原理,

@import "less/variables.less"; 

.bootstrap { 
    background-color: @white 
} 

任何的想法怎麼了?

感謝

== ==編輯

這似乎是.boostrap的封閉這是問題,當僅僅擁有

@import url("bootstrap.less"); 
@import url("responsive.less"); 
我main.less一切

工作正常

+0

.bootstrap {}創建一個新的作用域,請參閱:http://lesscss.org/features/#features-overview-feature-scope – 2014-11-05 13:48:00

回答

0

考慮:

mixin() { 
@color: red; 
} 

p { 
color: @color; 
} 

輸出:

NameError: variable @color is undefined

但:

.mixin() { 
@color: red; 
} 

p { 
.mixin(); 
color: @color; 
} 

輸出:

p { 
    color: red; 
} 

.mixin呼叫泄漏@color的p範圍內,也可參見:http://lesscss.org/features/#mixins-as-functions-feature

0

解決這個使用winless(http://winless.org/)而不是無點,不需要改變任何東西在我的定義較少。