mirror of
https://github.com/servo/servo.git
synced 2025-08-09 07:25:35 +01:00
Update web-platform-tests to revision cd0ac591860335b75cdc2576fdc57c840afec870
This commit is contained in:
parent
03fb9c5d6e
commit
8504f7d13d
288 changed files with 7779 additions and 1022 deletions
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test Reference: Balance a grid container</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
:root {
|
||||
font: 16px/1.25 sans-serif;
|
||||
}
|
||||
.two-columns {
|
||||
column-count: 2;
|
||||
width: 550px;
|
||||
}
|
||||
.two-column-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
}
|
||||
.grid-col-1 {
|
||||
grid-column: 1;
|
||||
}
|
||||
.grid-col-2 {
|
||||
grid-column: 2;
|
||||
}
|
||||
.keep-together {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="two-columns">
|
||||
<div class="two-column-grid">
|
||||
<div class="grid-col-1">ID Number</div>
|
||||
<div class="grid-col-2">01234567890</div>
|
||||
<div class="grid-col-1">Address</div>
|
||||
<div class="grid-col-2">
|
||||
<div class="keep-together">
|
||||
123 Fake Street<br>
|
||||
London<br>
|
||||
NW1 1AA<br>
|
||||
UK
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two-column-grid">
|
||||
<div class="grid-col-1">Relevant Countries</div>
|
||||
<div class="grid-col-2">
|
||||
Ireland<br>
|
||||
United Kingdom
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Some content underneath the details.
|
||||
</div>
|
||||
</html>
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Balance a grid container</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#cf">
|
||||
<link ref="help" href="https://drafts.csswg.org/css-grid/">
|
||||
<link ref="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1657345">
|
||||
<link rel="match" href="balance-grid-container-ref.html">
|
||||
<meta name="assert" content="This test verifies a grid container in a balanced multicol container can have a balance multicol height.">
|
||||
|
||||
<style>
|
||||
:root {
|
||||
font: 16px/1.25 sans-serif;
|
||||
}
|
||||
.two-columns {
|
||||
column-count: 2;
|
||||
width: 550px;
|
||||
}
|
||||
.two-column-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
}
|
||||
.grid-col-1 {
|
||||
grid-column: 1;
|
||||
}
|
||||
.grid-col-2 {
|
||||
grid-column: 2;
|
||||
}
|
||||
.keep-together {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="two-columns">
|
||||
<div class="two-column-grid">
|
||||
<div class="grid-col-1">ID Number</div>
|
||||
<div class="grid-col-2">01234567890</div>
|
||||
<div class="grid-col-1">Address</div>
|
||||
<div class="grid-col-2">
|
||||
<div class="keep-together">
|
||||
123 Fake Street<br>
|
||||
London<br>
|
||||
NW1 1AA<br>
|
||||
UK
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-col-1">Relevant Countries</div>
|
||||
<div class="grid-col-2">
|
||||
Ireland<br>
|
||||
United Kingdom
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Some content underneath the details.
|
||||
</div>
|
||||
</html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#filling-columns">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div style="width:100px; height:100px; background:red;">
|
||||
<div style="columns:3; width:75px; height:100px; column-gap:0;">
|
||||
<div style="column-span:all; width:100px; height:70px; background:green;"></div>
|
||||
<div style="height:120px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue