Incorrect property order in 2.1.1

[kallaspriit]

This code:

.icon {
    &.active {
        height: 1px;
     }
     &.small {
        height: 2px;
    }
}

is compiled to:

.icon.small {
    height: 2px;
}
.icon.active {
    height: 1px;
}

Works properly in 2.0.6.

csstools/precss#50

[Garbee]

Looks like commit 9311892 is the most likely cause.

One way to get the right order until the exact bug is found and patched is to just use @nest before each rule. That creates the proper output in my testing.

[jonathantneal]

@Garbee, @kallaspriit, thank you for pointing this out to me. I have fixed this in v2.2.0. Enjoy!

[lovefishs]

Problem is not fixed！
Incorrect property order in v2.2.0 and v2.3.1.
in v2.0.6 is working.