變量未定義@import

Question

爲什麼不工作！？

color.less

@blue: #3A5795; 

main.less

@import: 'color'; 

header { 
    height: 35px; 
    background: @blue; 

    div#logo { 
     font-size: 24px; 
     color: #FFF; 
     font-weight: bold; 
    } 
} 

錯誤：

NameError: variable @blue is undefined 

如何解決這個問題？

Answer 1

導入語句的proper syntax是：

@import "color"; 

與:的聲明，即：

@import: "color"; 

定義了一個名爲import代替（因此對於這樣錯別字沒有錯誤消息）variable。