LeaVerou · July 16, 2013 16:19
diff --git a/dabblet.css b/dabblet.css
 /**
 * 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: 0px) {
 		body { background: green }
 	}
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* 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: 0px) {
	body { background: green }
	}
	}
No results found