使用@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

import语句的proper syntax为：

@import "color"; 

:的陈述，即：

@import: "color"; 

定义了一个名为import的{​​{3}}（因此这种拼写错误没有错误消息）。