Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 01:15:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 8f8ff0e2a61f2a24996404921fe853cb1fd9b432

Browse source
This commit is contained in:
WPT Sync Bot 2018-09-17 21:32:16 -04:00
parent e98cd07910
commit 141a52794b
58 changed files with 1615 additions and 276 deletions
Download patch file Download diff file Expand all files Collapse all files

14
tests/wpt/web-platform-tests/css/css-images/multiple-position-color-stop-conic.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<title>Conic gradient with a two position color stop</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="A color stop with two positions create a hard transition">
<link rel="match" href="support/100x100-blue-green.html">
<style>
#target {
width: 100px;
height: 100px;
background-color: red;
background-image: conic-gradient(green 0% 180deg, blue 180deg);
}
</style>
<div id="target"></div>

14
tests/wpt/web-platform-tests/css/css-images/multiple-position-color-stop-linear.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<title>Linear gradient with a two position color stop</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="A color stop with two positions create a hard transition">
<link rel="match" href="support/100x100-blue-green.html">
<style>
#target {
width: 100px;
height: 100px;
background-color: red;
background-image: linear-gradient(to right, blue 0% 50%, green 50%);
}
</style>
<div id="target"></div>

14
tests/wpt/web-platform-tests/css/css-images/multiple-position-color-stop-radial.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<title>Radial gradient with a two position color stop</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="A color stop with two positions create a hard transition">
<link rel="match" href="support/100x100-blue-green.html">
<style>
#target {
width: 100px;
height: 100px;
background-color: red;
background-image: radial-gradient(ellipse 50px 10000px at 0px 50px, blue 0% 50px, green 50px);
}
</style>
<div id="target"></div>

2
tests/wpt/web-platform-tests/css/css-images/support/100x100-blue-green.html Normal file
View file

@ -0,0 +1,2 @@
<!DOCTYPE html>
<div style="width: 50px; height: 100px; background-color: green; border-left: 50px solid blue"></div>