summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-variables/reference
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-variables/reference')
-rw-r--r--testing/web-platform/tests/css/css-variables/reference/variable-reference-without-whitespace-ref.html14
-rw-r--r--testing/web-platform/tests/css/css-variables/reference/vars-background-shorthand-001-ref.html21
-rw-r--r--testing/web-platform/tests/css/css-variables/reference/vars-font-shorthand-001-ref.html29
3 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-variables/reference/variable-reference-without-whitespace-ref.html b/testing/web-platform/tests/css/css-variables/reference/variable-reference-without-whitespace-ref.html
new file mode 100644
index 0000000000..3d9aaed6b1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-variables/reference/variable-reference-without-whitespace-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Variable reference without whitespace - reference</title>
+<link rel=author title="Simon Sapin" href=http://exyr.org/about/>
+<p>The next four lines must be identical, containing only zeroes:
+<p>0 0 0
+<p>0 0 0
+<p>0 0 0
+<p>0 0 0
+
+<p>The next four lines must be identical, containing increasing integers:
+<p>1 2 3
+<p>1 2 3
+<p>1 2 3
+<p>1 2 3
diff --git a/testing/web-platform/tests/css/css-variables/reference/vars-background-shorthand-001-ref.html b/testing/web-platform/tests/css/css-variables/reference/vars-background-shorthand-001-ref.html
new file mode 100644
index 0000000000..93561fd614
--- /dev/null
+++ b/testing/web-platform/tests/css/css-variables/reference/vars-background-shorthand-001-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<title>CSS Variables 1: Test variables in background shorthand.</title>
+<link rel="author" title="Lea Verou" href="mailto:lea@verou.me">
+<style>
+div {
+ width: 50px;
+ height: 50px;
+ padding: 50px;
+ margin: 10px;
+ display: inline-block;
+ background: green;
+}
+</style>
+<p>Test passes if you see four green squares, and no red.</p>
+<div id="d1"></div>
+<div id="d2"></div>
+<div id="d3"></div>
+<div id="d4"></div>
+
+
+
diff --git a/testing/web-platform/tests/css/css-variables/reference/vars-font-shorthand-001-ref.html b/testing/web-platform/tests/css/css-variables/reference/vars-font-shorthand-001-ref.html
new file mode 100644
index 0000000000..39cb4da9bc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-variables/reference/vars-font-shorthand-001-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<title>CSS Variables 1: Test variables in @font-face, font-family, font shorthand.</title>
+<link rel="author" title="Lea Verou" href="mailto:lea@verou.me">
+<style>
+
+
+
+div {
+ width: 150px;
+ height: 150px;
+ margin: 10px;
+ display: inline-block;
+ vertical-align: middle;
+ background: green;
+ text-align: center;
+ color: green;
+ overflow: hidden;
+}
+
+</style>
+<p>Test passes if you see six green squares, and no red.</p>
+<div id="d1">X</div>
+<div id="d2">X</div>
+<div id="d3">X</div>
+<div id="d4">X</div>
+<div id="d5">X</div>
+<div id="d6">X</div>
+
+