Update web-platform-tests to revision b4c87a442f82ff5e1de9a94e735b7b6c5f2e60c5

This commit is contained in:
WPT Sync Bot 2021-01-13 08:21:27 +00:00
parent 8a42710915
commit b506d7413a
114 changed files with 1565 additions and 371 deletions

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: grid; grid-template-columns: 200px; grid-template-rows: 200px; max-width: 100px; max-height: 100px; position: relative;">
<div style="background: green; position: absolute; width: 100%; height: 100%;"></div>
</div>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<style>
.grid {
display: grid;
padding: 10px;
grid-template-columns: 40px 40px;
grid-template-rows: 40px 40px;
border: solid;
width: 80px;
height: 80px;
gap: 16px;
}
.grid > div {
background: green;
}
</style>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters">
<link rel="help" href="https://www.w3.org/TR/css-align-3/#gaps">
<link rel="match" href="grid-gutters-015-ref.html">
<style>
.grid {
display: inline-grid;
padding: 10px;
grid-template-columns: 40px 40px;
grid-template-rows: 40px 40px;
border: solid;
gap: 20%;
}
.grid > div {
background: green;
}
</style>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
</div>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<style>
.grid {
display: grid;
padding: 10px;
grid-template-columns: 40px 40px;
grid-template-rows: 40px 40px;
border: solid;
width: 140px;
height: 140px;
gap: 28px;
}
.grid > div {
background: green;
}
</style>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
</div>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters">
<link rel="help" href="https://www.w3.org/TR/css-align-3/#gaps">
<link rel="match" href="grid-gutters-016-ref.html">
<style>
.grid {
display: inline-grid;
padding: 10px;
grid-template-columns: 40px 40px;
grid-template-rows: 40px 40px;
border: solid;
gap: 20%;
min-width: 140px;
min-height: 140px;
}
.grid > div {
background: green;
}
</style>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
</div>