Charset directive is not at top

[Taritsyn]

When compile the following code:

test.less:

.icon {
    float: left;
    margin: 3px;
    padding: 0;
    width: 16px;
    height: 16px;
    background: transparent url('0.gif') no-repeat;
}

@import "import1.css";
@import "import2.less";

import1.css:

.icon-abacus {
    background-image: url("abacus.png");
}

import2.less:

@charset "UTF-8";

.icon-cactus {
    background-image: url('cactus.png');
}

Get the following result:

@import "import1.css";
@charset "UTF-8";
.icon {
  float: left;
  margin: 3px;
  padding: 0;
  width: 16px;
  height: 16px;
  background: transparent url('0.gif') no-repeat;
}
.icon-cactus {
  background-image: url('cactus.png');
}

[seven-phases-max]

See #2013. Fixed in 1.7.4

[seven-phases-max]

Closing as duplicate of #2013.

[SomMeri]

It is not really a duplicate of that. #2013 prevents @import directive to float higher then @charset. Current master will keep the order of @import and @charset directives as they have been defined in sheets. This one more of a feature request to sort directives and fix their order if the defined one is wrong.

In any case, sorting should be just a very small fix.

[matthew-dean]

I just discovered this. Note that the solution bubbles @charset to the top, which is fine, but allows @charset to be defined anywhere in a Less stylesheet, which IMO should result in an error.