mirror of
https://github.com/servo/servo.git
synced 2025-06-24 00:54:32 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Variables Test: custom property names start with "var-" in lower case</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins">
|
||||
<style type="text/css">
|
||||
:root {
|
||||
/* these should be VALID custom property names */
|
||||
var-veryblue: #22e;
|
||||
var-AlsoBlue: #22e;
|
||||
|
||||
/* these should be INVALID custom property names */
|
||||
VAR-veryred: #f00;
|
||||
Var-AlsoRed: #f00;
|
||||
}
|
||||
|
||||
.blue-good-1 { color: var(veryblue); }
|
||||
.blue-good-2 { color: var(AlsoBlue); }
|
||||
.red-bad-1 { color: var(veryred); }
|
||||
.red-bad-2 { color: var(AlsoRed); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2 class="blue-good-1">Valid CSS Variable Names</h2>
|
||||
<p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p>
|
||||
<p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p>
|
||||
<br>
|
||||
<h2>Invalid CSS Variable Names</h2>
|
||||
<p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p>
|
||||
<p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title>
|
||||
<link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins">
|
||||
<style type="text/css">
|
||||
* { color: #1c1; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Green</p>
|
||||
<p>Green</p>
|
||||
<p>Green</p>
|
||||
<p>The test passes if everything is green. Any red means the test failed.</p>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,4 @@
|
|||
@font-face {
|
||||
font-family: "Ahem";
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,5 @@
|
|||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
|
@ -0,0 +1,15 @@
|
|||
@font-face {
|
||||
--a: MyTestFontName;
|
||||
font-family: var(--a);
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: MyTestFontName2;
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
#a {
|
||||
font-family: MyTestFontName;
|
||||
}
|
||||
#b {
|
||||
font-family: MyTestFontName2;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
:root {
|
||||
--a: green;
|
||||
}
|
||||
p {
|
||||
color: var(--a);
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
body { color: red; }
|
||||
@supports (color:var(--a)) {
|
||||
p { color: green; }
|
||||
}
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
p {
|
||||
font-family: SomeUnknownFont, Ahem;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
</head><body><p>This text must not be in Ahem.</p>
|
||||
<p style="font-family: Ahem">But this text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet">
|
||||
<meta content="ahem" name="flags">
|
||||
</head><body><p>This text must not be in Ahem.</p>
|
||||
<p style="font-family: Ahem">But this text must be in Ahem.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
</head><body><p>The words "hello there" must appear below:</p>
|
||||
<p>hello there</p>
|
||||
</body></html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must have a green background color.</p>
|
||||
</body></html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must have a green background color.</p>
|
||||
</body></html>
|
Loading…
Add table
Add a link
Reference in a new issue