Better explain import by reference with html tag based rules.

[AoDev]

Hello,

A simple observation. When I use:

@import (reference) "docs.less";

if docs.less contains tag rules like this:

div {
    background-color: #000;
}

.black {
    background-color: #000;
}

The first rule will be outputted. No problem here. But it's not mentioned in the docs.

I actually use this feature in a real use case. For example, I import twitter bootstrap as a "mixin" library. I import the forms related less file by reference and then pick only what I need. (but it still outputs their form related tag rules, which is needed)

I want to make sure that it's an expected behaviour, clarify the docs and that it won't change in the future. (well it would break my stuff ;)

[seven-phases-max]

No, actually div does not output too in your example. Certain Bootstrap classes appear in the output of a (reference) imports because of using extend (see less/less.js#1851 (comment)).

[AoDev]

Ok sorry, i simplified my code without taking into account something. I am scoping the import.
But I don't use extend anywhere and still, everything is included.

[seven-phases-max]

I am scoping the import.

And this is a different issue I answered too (less/less.js#2097). OK, so if you dont mind I'm closing this (it's the wrong repo anyway).