LESS被乘以往復混入

Question

我有這樣一個混入的輸出：

#font { 
    .set-size(@size: 14px, @spacing: 1.5) { 
    font-size: @size; 
    line-height: @size * @spacing; 
} 

我調用它從另一個樣式表，像這樣的：

h1 { 
    #font > .set-size(24px); 
} 

然後編譯器輸出：

h1{font-size:24px;line-height:36px;font-size:24px;line-height:36px;font-size:24px;line-height:36px;} 

正如你可以看到它重複輸出幾次。任何人都知道這是爲什麼發生？我已經嘗試less.app和lessc從命令行完全相同的結果。

Answer 1

我試圖編譯你的包時出錯，因爲它缺少一個大括號。

我能夠成功編譯後修復，它只輸出一次值。我的代碼是這樣：

#font { 
    .set-size(@size: 14px, @spacing: 1.5) { 
     font-size: @size; 
     line-height: @size * @spacing; 
    } 
} 

h1 { 
    #font > .set-size(24px); 
} 

其輸出這樣的：

h1 { 
    font-size: 24px; 
    line-height: 36px; 
}