nested @media query

[tomhodgins]

@media (min-width: 500px) {
  @media (min-height: 500px) {
    :root {
      background: lime;
    }
  }
}

correct minification

@media(min-width:500px)and(min-height:500px){:root{background:lime}}

• combine both media queries with and
• remove space after @media

CSSnano output

@media (min-width:500px){@media (min-height:500px){:root{background:lime}}}

• leaves both @media queries intact
• leaves space after @media before brackets