diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-values/reference | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-values/reference')
23 files changed, 659 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-values/reference/200-200-green.html b/testing/web-platform/tests/css/css-values/reference/200-200-green.html new file mode 100644 index 0000000000..f3da3ddb3b --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/200-200-green.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title> + CSS Values and Units Test: + Viewport units are interpolated correctly (reference rendering) + </title> + + <link + rel="author" + title="François REMY" + href="mailto:fremycompany.developer@yahoo.fr" + / > + + <style type="text/css"> + + html, body { margin: 0px; padding: 0px; } + + html { background: white; overflow: hidden; } + #outer { position: relative; background: green; } + + #outer { width: 200px; height: 200px; } + + </style> + +</head> +<body> + + <div id="outer"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-values/reference/all-green.html b/testing/web-platform/tests/css/css-values/reference/all-green.html new file mode 100644 index 0000000000..c70532129a --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/all-green.html @@ -0,0 +1 @@ +<html style="background: green"></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-values/reference/cap-unit-001-ref.html b/testing/web-platform/tests/css/css-values/reference/cap-unit-001-ref.html new file mode 100644 index 0000000000..b1816deb43 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/cap-unit-001-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units reference: support for the cap unit</title> +<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> +<style> +div { + background: green; + height: 100px; + width: 100px; +} +</style> +<body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div></div> +</body> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-001-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-001-ref.html new file mode 100644 index 0000000000..163ad8e6c4 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-001-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +svg { width: 10ch; } +</style> +<body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg> +</body> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-002-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-002-ref.html new file mode 100644 index 0000000000..ee6ce1595d --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-002-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +svg { + width: 10ch; + writing-mode: vertical-rl; + text-orientation: upright; +} +</style> +<body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg> +</body> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-008-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-008-ref.html new file mode 100644 index 0000000000..678a9c1695 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-008-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + float: left; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + clear: left; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same width</strong> as an orange rectangle. + + <div id="blue">00000</div> + + <div id="orange">00000</div> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-009-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-009-ref.html new file mode 100644 index 0000000000..6bd69bed09 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-009-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + float: left; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + writing-mode: vertical-rl; + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same height</strong> as an orange rectangle. + + <div id="blue">00000</div> + + <div id="orange">00000</div> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-011-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-011-ref.html new file mode 100644 index 0000000000..78b484fe71 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-011-ref.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + float: left; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + text-orientation: upright; + writing-mode: vertical-rl; + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same height</strong> as an orange rectangle. + + <div id="blue">00000</div> + + <div id="orange">00000</div> diff --git a/testing/web-platform/tests/css/css-values/reference/ch-unit-016-ref.html b/testing/web-platform/tests/css/css-values/reference/ch-unit-016-ref.html new file mode 100644 index 0000000000..74e304be72 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ch-unit-016-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"> +<style> +div { + height: 10px; + background-color: blue; + margin-top: 10px; + width: 100px; +} +</style> +<p>The test passes if there are two blue rectangles of equal length.</p> +<div></div> +<div></div> diff --git a/testing/web-platform/tests/css/css-values/reference/ex-unit-001-ref.html b/testing/web-platform/tests/css/css-values/reference/ex-unit-001-ref.html new file mode 100644 index 0000000000..33b241f58c --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ex-unit-001-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference</title> +<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style> + @font-face { + font-family: foo; + font-weight: 900; + src: url('/fonts/noto/noto-sans-v8-latin-regular.woff'); + } + div { + font-family: foo, sans-serif; + font-weight: 900; + width: 10ex; + height: 20px; + background: blue; + margin: 20px; + font-size: 20px; + } +</style> +<p>All lines except the first should be the same length</p> +<div style="font-family: Ahem; font-weight: normal;"></div> +<div></div> +<div></div> +<div></div> diff --git a/testing/web-platform/tests/css/css-values/reference/ex-unit-002-ref.html b/testing/web-platform/tests/css/css-values/reference/ex-unit-002-ref.html new file mode 100644 index 0000000000..74e304be72 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ex-unit-002-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"> +<style> +div { + height: 10px; + background-color: blue; + margin-top: 10px; + width: 100px; +} +</style> +<p>The test passes if there are two blue rectangles of equal length.</p> +<div></div> +<div></div> diff --git a/testing/web-platform/tests/css/css-values/reference/ex-unit-004-ref.html b/testing/web-platform/tests/css/css-values/reference/ex-unit-004-ref.html new file mode 100644 index 0000000000..938cc3456e --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ex-unit-004-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> +<style> +div { + height: 10px; + background-color: blue; + margin-top: 10px; + font-size: 80px; + width: 10ex; + font-family: Arial, sans-serif; +} +</style> +<p>The test passes if there are two blue rectangles of equal length.</p> +<div></div> +<div></div> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-001-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-001-ref.html new file mode 100644 index 0000000000..24711fefb4 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-001-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.ref { + width: 200px; + height: 200px; + background: green; +} +</style> +<body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div class="ref"></div> +</body> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-002-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-002-ref.html new file mode 100644 index 0000000000..24711fefb4 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-002-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Values and Units Test Reference File</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.ref { + width: 200px; + height: 200px; + background: green; +} +</style> +<body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div class="ref"></div> +</body> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-008-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-008-ref.html new file mode 100644 index 0000000000..9db473c4c1 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-008-ref.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + @font-face + { + font-family: IcTestFullWidth; + src: url(/css/css-values/resources/IcTestFullWidth.woff2); + } + + div + { + float: left; + font-family: IcTestFullWidth; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + clear: left; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same width</strong> as an orange rectangle. + + <div id="blue">水水水水水</div> + + <div id="orange">水水水水水</div> + + <!-- + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + --> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-009-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-009-ref.html new file mode 100644 index 0000000000..4330052272 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-009-ref.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + @font-face + { + font-family: IcTestFullWidth; + src: url(/css/css-values/resources/IcTestFullWidth.woff2); + } + + div + { + float: left; + font-family: IcTestFullWidth; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + writing-mode: vertical-rl; + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same height</strong> as an orange rectangle. + + <div id="blue">水水水水水</div> + + <div id="orange">水水水水水</div> + + <!-- + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + --> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-012-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-012-ref.html new file mode 100644 index 0000000000..43069859c7 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-012-ref.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + @font-face + { + font-family: IcTestFullWidth; + src: url(/css/css-values/resources/IcTestFullWidth.woff2); + } + + div + { + float: left; + font-family: IcTestFullWidth; + font-size: 80px; /* arbitrary font size */ + line-height: 1.8; /* arbitrary line-height */ + text-orientation: sideways; + writing-mode: vertical-rl; + } + + div#blue + { + background-color: blue; + color: blue; + } + + div#orange + { + background-color: orange; + color: orange; + } + </style> + + <p>Test passes if there is a blue rectangle with the <strong>same height</strong> as an orange rectangle. + + <div id="blue">水水水水水</div> + + <div id="orange">水水水水水</div> + + <!-- + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + 水 (CJK water ideograph, U+6C34) glyph == 水 + + --> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-013-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-013-ref.html new file mode 100644 index 0000000000..67e75b953f --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-013-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> + +<meta charset="utf-8"> +<title>CSS Values and Units Test: support for the ic unit</title> +<style> +.test, .ref { + width: 100px; + height: 20px; + background: green; +} + +.test { + margin-bottom: 10px; +} +</style> + +<p>The test passes if there are two green rectangles of equal length.</p> +<div class="test"></div> +<div class="ref"></div> diff --git a/testing/web-platform/tests/css/css-values/reference/ic-unit-014-ref.html b/testing/web-platform/tests/css/css-values/reference/ic-unit-014-ref.html new file mode 100644 index 0000000000..2e5c9b43b4 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/ic-unit-014-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> + +<meta charset="utf-8"> +<title>CSS Values and Units Test: support for the ic unit</title> +<style> +.test, .ref { + width: 200px; + height: 20px; + background: green; +} + +.test { + margin-bottom: 10px; +} +</style> + +<p>The test passes if there are two green rectangles of equal length.</p> +<div class="test"></div> +<div class="ref"></div> diff --git a/testing/web-platform/tests/css/css-values/reference/vh-support-atviewport-ref.htm b/testing/web-platform/tests/css/css-values/reference/vh-support-atviewport-ref.htm new file mode 100644 index 0000000000..cfa9e8d02d --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/vh-support-atviewport-ref.htm @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html><head> + <meta charset="utf-8"> + <title> + CSS Reftest Reference + </title> + + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY"> + + <style type="text/css"> + html + { + background-color: yellow; + border-left: blue solid 50vw; + height: 100vh; + } + </style> + +</head> +<body> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome-ref.html b/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome-ref.html new file mode 100644 index 0000000000..279d1c69b9 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome-ref.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<!-- Submitted from TestTWF Paris --> +<head> + + <title>CSS Reference File</title> + <link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com"> + <script src="/common/reftest-wait.js"></script> + + <style type="text/css"> + + * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } + + #frameTest { width: 600px; height: 200px; border: 1px solid #000; } + + </style> + + <script type="text/javascript"> + 'use strict'; + + // We must not capture the screen until the frameTest + // and testBoxWithVhOnly elements have finished changing height. + var elementsPending = 2; + function receiveMessage() { + if (--elementsPending === 0) { + takeScreenshot(); + } + } + + window.addEventListener('message', receiveMessage, false); + + var height = 200; + + function resizeReference() { + + var frameTest = document.getElementById('frameTest'); + + // let's resize the iframe vertically only, showing that the vh sizes is not updated. + if (height < 300) { + + //frameTest.style.width = height++ + "px"; + frameTest.style.height = ++height + "px"; + + setTimeout(resizeReference, 10); + + } else { + + // uncomment the next line to see how a width resize triggers a layout recalculation + //frameTest.style.width = (parseInt(window.getComputedStyle(document.getElementById('frameTest'))['width'], 10) + 1) + "px"; + + window.postMessage('frameTest', '*'); + } + + } + + setTimeout(resizeReference, 10); + </script> + +</head> +<body> + +<iframe id="frameTest" src="vh_not_refreshing_on_chrome_iframe-ref.html" frameborder="0"></iframe> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome_iframe-ref.html b/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome_iframe-ref.html new file mode 100644 index 0000000000..5e35f6261e --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/vh_not_refreshing_on_chrome_iframe-ref.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html> +<!-- Submitted from TestTWF Paris --> +<head> + + <title>CSS Reference File</title> + <link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com"> + + <style type="text/css"> + + * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } + + #testBoxWithVhOnly { background: #F00; width: 60px; float: left; } + #testBoxNotGrownHorizontallyByJS { background: #F0F; height: 60px; float: left; } + #testBoxWithTransition { background: #FF0; width: 40px; height: 40px; float: left; } + #referenceBoxGrownHorizontallyByJS { background: #0F0; height: 40px; float: left; } + + p { clear: both; margin: 10px 0; } + + </style> + +</head> +<body> + +<p> + All boxes should end up the same size. The green box is the reference one. +</p> + +<div id="testBoxWithVhOnly"></div> +<div id="testBoxNotGrownHorizontallyByJS"></div> +<div id="testBoxWithTransition"></div> +<div id="referenceBoxGrownHorizontallyByJS"></div> + +<script type="text/javascript"> + 'use strict'; + + // In case this file was opened by mistake, redirects to proper test + if (window.top.location.href === document.location.href) { + + window.top.location.href = "vh_not_refreshing_on_chrome-ref.html"; + + } + + function setDimension(id, dimension, value) { + + var element = document.getElementById(id); + + element.style[dimension] = value + "px"; + + } + + function animate() { + + var viewportHeight = document.documentElement.clientHeight; + + var sizeH = 20; + + var referenceDimension = Math.round(sizeH * viewportHeight / 100); + + setDimension('testBoxWithVhOnly', 'height', referenceDimension); + setDimension('testBoxNotGrownHorizontallyByJS', 'width', referenceDimension); + setDimension('testBoxWithTransition', 'width', referenceDimension); + setDimension('testBoxWithTransition', 'height', referenceDimension); + setDimension('referenceBoxGrownHorizontallyByJS', 'width', referenceDimension); + setDimension('referenceBoxGrownHorizontallyByJS', 'height', referenceDimension); + + if (referenceDimension < 60) { + setTimeout(animate, 20); + } else { + parent.postMessage('testBoxWithVhOnly', '*'); + } + } + + setTimeout(animate, 20); + +</script> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-values/reference/viewport-unit-011-ref.html b/testing/web-platform/tests/css/css-values/reference/viewport-unit-011-ref.html new file mode 100644 index 0000000000..e56c6ec845 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/reference/viewport-unit-011-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test Reference File</title> + +<style> +body { + margin: 0; + height: 100vh; +} +div { + width: 60%; + height: 60%; + background-color: green; +} +</style> +<div> +</div> |