@import (reference) and @media

[SebastienDaniel]

Using Grunt-contrib-less (1.0.1)

When importing a .less file containing @media queries, the styles within @media are imported even if the import directive is set to (reference), below is an example:

imported.less

@someColor: #121311;

h1 {
  color: @someColor;
}

@media (min-width: 600px) {
  h2 {
    color: #000;
  }
}

importer.less

@import (reference) "imported.less";

will output:

@media (min-width: 600px) {
  h2 {
    color: #000;
  }
}

[seven-phases-max]

I can't reproduce this with either Less 2.4.0 or 2.5.0 (grunt-contrib-less 1.0.1 and 1.0.0 respectively)... Are you sure this minimal snippet is what that fails? (There're similar reference issues (e.g. #1968 + a few more), but the code as above should work fine).

[SebastienDaniel]

I must admit I didn't test that quick example.

Here is a pastebin link (http://pastebin.com/dStVuRnf) to the file being IMPORTED, which is causing the unexpected output (i.e. the @media content being injected).

As an additional note, contrarily to the suggested duplicates, I'm not using any frameworks or libraries.

[seven-phases-max]

Then it's #1851 (i.e. it's &:extend(...) that causes code to leak through reference there).

[seven-phases-max]

Closing as a duplicate of #1851.

[SebastienDaniel]

thx for the reference!