Media Queries style issue

[raulfunkie]

There seems to be another bug regarding media queries and how beautifier handles them.

Original

@media only screen and (max-width: 40em) {
header {
    margin: 0 auto;
    padding: 10px;
    background: red;
    }

main {
    margin: 20px auto;
    padding: 4px;
    background: blue;
    }
}

After Beautify

@media only screen and (max-width: 40em) {
header {
    margin: 0 auto;
    padding: 10px;
    background: red;
    }
main {
    margin: 20px auto;
    padding: 4px;
    background: blue;
    }
}

Expected Outcome

Same as original

This is probably (and most likely) related to the issue #857 I reported a few days ago.

[MacKLess]

This appears to be resolved as of v1.8.0-rc13. The actual output differs from the expected in a minor way --> the "header" on the second line is indented (which is the correct format). @raulfunkie please double check and let me know if you disagree that this is resolved.

Actual output:

@media only screen and (max-width: 40em) {
    header {
        margin: 0 auto;
        padding: 10px;
        background: red;
    }

    main {
        margin: 20px auto;
        padding: 4px;
        background: blue;
    }
}