Mixin included in a class / referenced file outputs CSS regardless

[mikedidthis]

Firstly thank you for continuing the effort with less.js!

I seem to be struggling with mixins inside a class pulled from a reference file.

Reference File

@import (reference) "base/_buttons";

.button-small {
    background: red;
    border-radius: 3px;
    .font-size(16,24):
}

Usage

.pages li a {
    &:extend( .button-small );
}

Output

.button-small,
.pages li a {
    font-size: 16px;
    line-height: 24px;
}
.pages li a {
    background: red;
    border-radius: 3px;
}

I expect the rules would be broken over two groups of properties. However, I didn't expect .button-small to be included.

If I don't reference .button-small at all, the output is as follows:

Output

.button-small {
    font-size: 16px;
    line-height: 24px;
}

Am I doing something wrong? Are reference files for styles only? Is this a bug?

Any help would be appreciated.

[seven-phases-max]

Most likely a duplicate of #1851 unless some older Less version used (but it's hard to say for sure without knowing how and where the .font-size mixin is defined) .

[SomMeri]

I did not managed to reproduce your problem. This is my referenced file:

.button-small {
    background: red;
    border-radius: 3px;
    .font-size(16,24);
}

.font-size(@a, @b) {
  font-size: @a;
}

and this one references it:

@import (reference) "file.less";

.pages li a {
    &:extend( .button-small );
}

it outputs:

.pages li a {
  background: red;
  border-radius: 3px;
  font-size: 16;
}

I also tried to put .font-size mixin into main file and it did the same thing. What less.js version do you use? Did I misunderstood you?

[mikedidthis]

Damn that is a fast response, thank you! @SomMeri has the same setup as myself (apart from the mixin), so I am going to blame my complicated mixin.

I will simplify the mixin, test, and close.

Again thank you so much for the super work!

[mikedidthis]

Yep, its my mixin, I used & when in the wrong context.

Again thank you so much for the fast response!