minify
minify copied to clipboard
Media queries with empty selectors
Following CSS:
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: .5rem;
font-family: inherit;
color: inherit;
}
h1, .h1 {
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
}
@media (max-width: 767.98px) {
h1, .h1 {}
}
@media (max-width: 575.98px) {
h1, .h1 {}
}
Expectation:
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-family:inherit;color:inherit}h1,.h1{font-size:2.5rem;font-weight:500;line-height:1.2}
Result:
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-family:inherit;color:inherit}h1,.h1{font-size:2.5rem;font-weight:500;line-height:1.2}@media (max-width:767.98px){h1,.h1{}}@media (max-width:575.98px){h1,.h1{}}
I tried both in the online site and by implementing codes in a project as explained in docs.
Am I missing sth or it's a bug? I saw some closed issues that mentioned the issue is resolved.
Hi there! I have the same issue currently working with empty media queries as described above.
Referencing to this already closed Issue 92 I downgraded from 1.3.61 to 1.3.32 to see if this is working like its being proposed there. It does not work for me. I also tried the same code on minifier.org and it does not work either.
Used code:
@media and only screen (min-width:700px){p{}}
How can this be resolved?
Greetings!