mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision e91d7d8c9a1f14438e44000dcd05ce6e658e4ae5
This commit is contained in:
parent
242e7e2630
commit
1a3fdf7a13
567 changed files with 9823 additions and 2333 deletions
|
@ -0,0 +1,129 @@
|
|||
<!DOCTYPE html>
|
||||
<title>
|
||||
Reference for Grid Item (First) Baseline Block-Axis Alignment: auto-height grid, auto row, auto items
|
||||
</title>
|
||||
|
||||
<style>
|
||||
@import "/fonts/ahem.css";
|
||||
.grid {
|
||||
border: solid silver;
|
||||
margin: 1em 2px;
|
||||
font: 20px/1 Ahem;
|
||||
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.grid > div {
|
||||
border: black 10px;
|
||||
border-style: solid none;
|
||||
color: orange;
|
||||
}
|
||||
div + div {
|
||||
font-size: 2em;
|
||||
}
|
||||
div + div + div {
|
||||
font-size: 50%;
|
||||
}
|
||||
|
||||
.ref {
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 96px;
|
||||
}
|
||||
.ref > div {
|
||||
position: absolute;
|
||||
}
|
||||
.ref1 { top: 16px; }
|
||||
.ref2 { left: 20px; }
|
||||
.ref3 { top: 24px;
|
||||
left: 60px; }
|
||||
.ref4 { right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
width: 10px; }
|
||||
|
||||
.ref.content > div:not(.stripe) {
|
||||
border-color: transparent;
|
||||
}
|
||||
.stripe {
|
||||
width: 80px;
|
||||
height: 76px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if each pair of boxes is identical.</p>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
<div class="stripe">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
<div class="stripe">
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,130 @@
|
|||
<!DOCTYPE html>
|
||||
<title>
|
||||
Reference for Grid Item (First) Baseline Inline-Axis Alignment: auto-width grid, auto column, auto items
|
||||
</title>
|
||||
|
||||
<style>
|
||||
@import "/fonts/ahem.css";
|
||||
.grid {
|
||||
border: solid silver;
|
||||
margin: 1em 2px;
|
||||
font: 20px/1 Ahem;
|
||||
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.grid > div {
|
||||
border: black 10px;
|
||||
border-style: none solid;
|
||||
color: orange;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
div + div {
|
||||
font-size: 2em;
|
||||
}
|
||||
div + div + div {
|
||||
font-size: 50%;
|
||||
}
|
||||
|
||||
.ref {
|
||||
position: relative;
|
||||
width: 96px;
|
||||
height: 80px;
|
||||
}
|
||||
.ref > div {
|
||||
position: absolute;
|
||||
}
|
||||
.ref1 { right: 16px; }
|
||||
.ref2 { top: 20px;
|
||||
right: 0px; }
|
||||
.ref3 { right: 24px;
|
||||
top: 60px; }
|
||||
.ref4 { bottom: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
height: 10px; }
|
||||
|
||||
.ref.content > div:not(.stripe) {
|
||||
border-color: transparent;
|
||||
}
|
||||
.stripe {
|
||||
width: 76px;
|
||||
height: 80px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if each pair of boxes is identical.</p>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
<div class="stripe">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="ref1">
|
||||
p<br>
|
||||
p<br>
|
||||
p
|
||||
</div>
|
||||
<div class="ref2">
|
||||
p
|
||||
</div>
|
||||
<div class="ref3">
|
||||
p
|
||||
</div>
|
||||
<div class="ref4">
|
||||
|
||||
</div>
|
||||
<div class="stripe">
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue