mirror of
https://github.com/servo/servo.git
synced 2025-06-24 00:54:32 +01:00
Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
This commit is contained in:
parent
7c45ff8e05
commit
f235d49372
6623 changed files with 267392 additions and 10061 deletions
|
@ -9,7 +9,6 @@
|
|||
width: 9em;
|
||||
}
|
||||
.item {
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
writing-mode: vertical-rl;
|
||||
background: green;
|
||||
height: 4em;
|
||||
|
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: flex-container-margin-not-collapse-with-content-margin</title>
|
||||
<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu">
|
||||
<style>
|
||||
.flex-container{
|
||||
display:block;
|
||||
margin:20px;
|
||||
background: #333;
|
||||
line-height: 0px;
|
||||
}
|
||||
.flex-item{
|
||||
display: inline-block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
margin:20px 20px;
|
||||
background: #eee;
|
||||
}
|
||||
.flex-item.first{
|
||||
margin-left:20px;
|
||||
}
|
||||
.flex-item.last{
|
||||
margin-right: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-container">
|
||||
<div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Reftest Reference: flex order</title>
|
||||
<link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa">
|
||||
<style>
|
||||
#container { display: -webkit-flex; }
|
||||
#container { display: flex; }
|
||||
#highOrdinal {
|
||||
background: lime;
|
||||
height: 100px; width: 100px;
|
||||
|
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
|
||||
#blue {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
#yellow {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
#lime {
|
||||
color: lime;
|
||||
}
|
||||
|
||||
#magenta {
|
||||
color: magenta;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p>
|
||||
<p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p>
|
||||
|
||||
<div>
|
||||
<span id="blue">B</span><span id="yellow">Y</span>
|
||||
<br>
|
||||
<span id="lime">L</span><span id="magenta">M</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue