at-media-dynamic-001.html (941B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>CSS Test (Conditional Rules): Rule application is immediate on condition change</title> 4 <meta name="assert" 5 content="Test passes if rules within @media are applied when its condition changes to match."> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 7 <link rel="help" href="https://www.w3.org/TR/css-conditional-3/#processing"> 8 <link rel="match" href="at-supports-001-ref.html"> 9 10 <style> 11 iframe { 12 border: none; 13 width: 200px; 14 height: 100px; 15 } 16 </style> 17 18 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 19 <iframe id=frame src="support/at-media-dynamic-001-inner.html"></iframe> 20 21 <script> 22 var handler = function () { 23 document.getElementById("frame").style.width = "100px"; 24 document.documentElement.classList = ""; 25 }; 26 document.addEventListener("TestRendered", handler); 27 </script>