Geek asks and answers

LESS @import & Web Essentials 2012

In my web project, I split my CSS into separate LESS files for maintenance reasons. I have a file called config.less, acting as the main file that imports other smaller files using the @import directives.

The problem with this setting is that I get a lot of "Undeclared variable" and "Undeclared mixin" when editing my LESS files, for example, when I add a property variable called @textColor in base.less, which is declared in another file with variables. Is there a way to make web basics aware of the variables and mixins that are defined in external files less?

Another thing that seems to disable Web Essentials is when I use the LESS Nested Media Query feature:

.some-selector {
    background: #000;
    @media only screen and (max-width: 800px) {
        background: #fff;
    }
}

@media , " @" . "Validation:" color " HTML.

+5
1

@media Web Essentials, mixins.

config.less, variables.less mixin @import-once, @import-once 'variables.less , ( mixin ).

- , (, base.less), config.less, variables.less , , variables.less.

+2

More articles:


All Articles