переменная не определена с @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"; 

определяет variable не названный import вместо (следовательно, никакого сообщения об ошибке для таких опечаток).