I got "vars.less" file, its content is:
// variables
@siteHeaderBackgroundColor : #ff0000;
Then I have the following rules:
@import '/less/front-2.3.1/vars.less';
.site-header
{
background-color : @siteHeaderBackgroundColor;
}
@siteHeaderBackgroundColor: #fafafa;
The result of compiling it is
.site-header
{
background-color: #ff0000;
}
when the correct result must be:
.site-header
{
background-color: #fafafa;
}