I have a css file which has lots of @media queries. When setting minify: true it combines all the same @media query together which screws the order of my css rules!
Now if you see the .c-class-name 's height: 40em has been grouped with the other rules for the same @media query rule. This has changed the order of css which breaks styling of my elements on the page.
I have a css file which has lots of @media queries. When setting
minify: true
it combines all the same @media query together which screws the order of my css rules!Consider the following rules in a css file,
when setting
minify:true
, the above code gets minified into the following,Now if you see the
.c-class-name
'sheight: 40em
has been grouped with the other rules for the same@media
query rule. This has changed the order of css which breaks styling of my elements on the page.