Less syntax highlighting and compilation

First of all, the syntax highlighting. I have a screenshot but it applies to the .less mixins found o on http://lesselements.com.

About the compilation: I have a single .less file (for example mixins.less) with mixins

.mixinA()
.mixnB()
.mixinC()
....

If I create a mixin using other mixins now, for example:

.CompositeMixin()
{
    .mixinA();
    .mixinB();
}

and I use this inside the same file (everything inside the same file) everything is ok.

Now, if I import this file (mixins.less) inside another file (main.less) and try to use the .compositeMixin, the .mixinA() and .mixinB() are compiled twice, ie in main.less this happens:

.selector
    {
        .CompositeMixin()
    }

compiles to the same as this:

.selector
{
    .mixinA();
    .mixinA();
    .mixinB();
    .mixinB();
}

Same thing happens here, but i use dotless via chirpy to compile my files, WW uses the original less.js to compile ..maybe a fundamental problem in the framework ??

As itechnology says, compilation is handled by the Less compiler, which is outside our control (we just invoke it). See if you can reproduce the problem using the compiler from http://lesscss.org/ -- if so you will need to raise the issue with them (if it only occurs in Web Workbench then let us know).