Wrong formatting

[iamvdo]

There's a difference between 0.3.4 and 1.0.0 with formatting:

For example, this code:

:root {
    --width    :50px;
}

body {
    display: flex;
    order: 2;
}

Postcss0.3.4:

:root {
    --width    :50px;
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
}

Postcss1.0.0:

:root {
    --width    :50px;
}

body {
    display    :-webkit-box;
    display    :-webkit-flex;
    display    :-ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group    :3;
    -webkit-order    :2;
        -ms-flex-order    :2;
            order: 2;
}

The first "pattern" found is kept all the time.

[ai]

:D. Yeap, this is current logic. But why you write --width :50px;?

Maybe:

:root {
    --width:          50px;
    --the-long-width: 50px;
}

[ai]

But anyway I try to find some solution in Autoprefixer and PostCSS for this situation.

[iamvdo]

Yes absolutely this (edge) case ;)

[ai]

Fixed in Autoprefixer 6e1785655e08948cbd5febafeca2743683452982