Variable Name Error “is undefined” even though “variables.less” imported

Question

I started using LESS today. But it\'s kinda weird. This code does not work. I get an error:

! Variable Name Error: @linkColor in a is undefined.

Answer 1

I would use the nested rules in the normalize.less :

a {
     color: @linkColor;

     &:visited {color: @linkColor;}

     &:hover {color: @linkColorHover;}
}

And in the @import, you don't need to use the ".less", it's optional :

@import "variables";
@import "normalize";

I don't know if this can help...