Skip to content

Instantly share code, notes, and snippets.

@jupegarnica
Forked from LeaVerou/dabblet.css
Created September 4, 2013 11:45
Show Gist options
  • Select an option

  • Save jupegarnica/6435885 to your computer and use it in GitHub Desktop.

Select an option

Save jupegarnica/6435885 to your computer and use it in GitHub Desktop.
Testcase for nested @media rules
/**
* Testcase for nested @media rules
* Does not work in Safari 6- (& mobile Safari), IE10-. Seems to work everywhere else, including Safari 6.1.
*/
body { background: red }
@media screen {
body { background: yellow }
@media (min-width: 600px) {
body { background: green }
}
}
<!-- content to be placed inside <body>…</body> -->
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment