Document media query merging #531

nex3 opened this Issue Sep 25, 2012 · 2 comments


None yet

2 participants

nex3 commented Sep 25, 2012

There's no documentation for the fact that Sass will merge @media screen { @media (min-width: 200px) { ... } }.


nex3 commented Feb 26, 2013

This is incorrect. From the reference:

@media queries can also be nested within one another. The queries will then be combined using the and operator. For example:

@media screen {
  .sidebar {
    @media (orientation: landscape) {
      width: 500px;

is compiled to:

@media screen and (orientation: landscape) {
  .sidebar {
    width: 500px; } }

I'm not sure why I couldn't find than when I filed this issue, but it was there.

@nex3 nex3 closed this Feb 26, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment