CSS properties order

[ocoste]

When CSS is parsed, the properties order is not maintained.

Example :

$css = '.css-109zgpm-MuiButtonBase-root-MuiButton-root{
background-color:transparent;
background:#222222;
background-color:#FFFFFF;
}';

$parser = (new Parser($css))->parse();

$css = $parser->render();

Output :
.css-109zgpm-MuiButtonBase-root-MuiButton-root {
background-color: transparent;
background-color: #fff;
background: #222;
}

And so the background does not keep the same color override

How can we keep the order?

[JakeQZ]

Thanks for the report.

It seems to be because the rules are stored indexed by property name, with multiple rules for the same property stored together. Will need a (hopefully only slight) redesign to store the rules in the original order.