diff options
Diffstat (limited to 'devtools/client/inspector/rules/test/doc_media_queries.html')
-rw-r--r-- | devtools/client/inspector/rules/test/doc_media_queries.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/doc_media_queries.html b/devtools/client/inspector/rules/test/doc_media_queries.html new file mode 100644 index 0000000000..f4706dad87 --- /dev/null +++ b/devtools/client/inspector/rules/test/doc_media_queries.html @@ -0,0 +1,42 @@ +<html> +<head> + <title>test</title> + <script type="application/javascript"> + + </script> + <style> + div { + width: 1000px; + height: 100px; + background-color: #f00; + } + + @media screen and (min-width: 1px) { + div { + width: 200px; + background-color: yellow; + } + } + + @media (prefers-color-scheme: dark) { + div { + background-color: darkblue; + } + } + </style> + <script> + "use strict"; + if (window.location.search == "?constructed") { + const sheet = new CSSStyleSheet(); + sheet.replaceSync(`div { z-index: 0 }`); + document.adoptedStyleSheets.push(sheet); + } + </script> +</head> +<body> +<div></div> +<iframe + src='https://example.org/document-builder.sjs?html=<style>html { background: cyan;} @media (prefers-color-scheme: dark) {html {background: darkred;}}'> +</iframe> +</body> +</html> |