Update web-platform-tests to revision a3dd2ad02c65588ad280ceac378d82e9250d1045

This commit is contained in:
WPT Sync Bot 2019-10-23 10:27:05 +00:00
parent e26530341b
commit 15e68ad3d3
171 changed files with 2819 additions and 1841 deletions

View file

@ -3,12 +3,12 @@
<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;
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>

View file

@ -2,19 +2,19 @@
<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;
width: 150px;
height: 150px;
margin: 10px;
display: inline-block;
vertical-align: middle;
background: green;
text-align: center;
color: green;
overflow: hidden;
}
</style>

View file

@ -5,32 +5,32 @@
<link rel="match" href="reference/vars-background-shorthand-001-ref.html">
<style>
div {
width: 50px;
height: 50px;
padding: 50px;
margin: 10px;
display: inline-block;
background: red;
width: 50px;
height: 50px;
padding: 50px;
margin: 10px;
display: inline-block;
background: red;
}
div#d1 {
--foo: green;
background: var(--foo);
--foo: green;
background: var(--foo);
}
div#d2 {
--foo: green, green;
background: linear-gradient(var(--foo));
--foo: green, green;
background: linear-gradient(var(--foo));
}
div#d3 {
--foo: linear-gradient(green, green);
background: var(--foo);
--foo: linear-gradient(green, green);
background: var(--foo);
}
div#d4 {
--foo: center / 0 0;
background: green linear-gradient(red, red) var(--foo, );
--foo: center / 0 0;
background: green linear-gradient(red, red) var(--foo, );
}
</style>
<p>Test passes if you see four green squares, and no red.</p>

View file

@ -8,49 +8,49 @@
<style>
div {
width: 150px;
height: 150px;
margin: 10px;
display: inline-block;
vertical-align: middle;
background: red;
text-align: center;
color: green;
overflow: hidden;
width: 150px;
height: 150px;
margin: 10px;
display: inline-block;
vertical-align: middle;
background: red;
text-align: center;
color: green;
overflow: hidden;
}
div#d1 {
--foo: Ahem;
font-family: var(--foo);
font-size: 150px;
line-height: 1;
--foo: Ahem;
font-family: var(--foo);
font-size: 150px;
line-height: 1;
}
div#d2 {
--foo: 0 Ahem;
font: var(--foo);
font-size: 150px;
line-height: 150px;
--foo: 0 Ahem;
font: var(--foo);
font-size: 150px;
line-height: 150px;
}
div#d3 {
--foo: Ahem, sans-serif;
font: 150px/1 var(--foo);
--foo: Ahem, sans-serif;
font: 150px/1 var(--foo);
}
div#d4 {
--foo: Ahem;
font: 150px/1 var(--foo), sans-serif;
--foo: Ahem;
font: 150px/1 var(--foo), sans-serif;
}
div#d5 {
--foo: 1 Ahem;
font: 150px/var(--foo);
--foo: 1 Ahem;
font: 150px/var(--foo);
}
div#d6 {
--foo: 150px/1 Ahem;
font: var(--foo);
--foo: 150px/1 Ahem;
font: var(--foo);
}
</style>
<p>Test passes if you see six green squares, and no red.</p>