Beautifying css tears @media in two lines, adds spaces in names with hyphens

[sheershoff]

body{color:black}@media (-webkit-min-device-pixel-ratio: 2){background:white}

turns

body {
    color: black
}@
media(-webkit - min - device - pixel - ratio: 2) {
    background: white
}

while expected result is

body {
    color: black
}
@media(-webkit-min-device-pixel-ratio: 2) {
    background: white
}

[bitwiseman]

Fixed