wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-22 07:07:30 +09:00
Code Issues Projects Releases Packages Wiki Activity

Bug 1336708: Reftest

Browse source
This commit is contained in:
janekptacijarabaci 2018-04-24 20:23:20 +02:00 • committed by Roy Tam
commit 58302de58a
3 changed files with 65 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-items-center-nested-001-ref.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<title>CSS Test Reference</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<style>
html, body { margin: 0; padding: 0; }
.content {
margin-top: 100px;
width: 200px;
height: 200px;
background: blue;
}
</style>
<body>
<div class="content"></div>
</body>

47
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-items-center-nested-001.html Normal file
View file

@ -0,0 +1,47 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS Test: Flexbox nested containers with align-items: center and flexible items</title>
<link rel="match" href="flexbox-align-items-center-nested-001-ref.html">
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#align-items-property">
<style>
html, body { margin: 0; padding: 0; }
body {
height: 400px;
position: relative;
}
.container-0 {
display: flex;
position: absolute;
height: 100%;
flex-direction: column;
}
.container-1 {
flex: 1 0 auto;
display: flex;
align-items: center;
}
.container-2 {
height: 100%;
display: flex;
align-items: center;
}
.content {
width: 200px;
height: 200px;
background: blue;
}
</style>
<body>
<div class="container-0">
<div class="container-1">
<div class="container-2">
<div class="content"></div>
</div>
</div>
</div>
</body>

2
layout/reftests/w3c-css/submitted/flexbox/reftest.list
View file

@ -39,6 +39,8 @@ fuzzy-if(Android,158,32) == flexbox-align-self-vert-rtl-001.xhtml flexbox-align
== flexbox-align-self-vert-rtl-003.xhtml flexbox-align-self-vert-rtl-003-ref.xhtml == flexbox-align-self-vert-rtl-003.xhtml flexbox-align-self-vert-rtl-003-ref.xhtml
== flexbox-align-self-vert-rtl-004.xhtml flexbox-align-self-vert-rtl-004-ref.xhtml == flexbox-align-self-vert-rtl-004.xhtml flexbox-align-self-vert-rtl-004-ref.xhtml
== flexbox-align-items-center-nested-001.html flexbox-align-items-center-nested-001-ref.html
# Tests for computing the baseline of a flex container # Tests for computing the baseline of a flex container
== flexbox-baseline-align-self-baseline-horiz-001.html flexbox-baseline-align-self-baseline-horiz-001-ref.html == flexbox-baseline-align-self-baseline-horiz-001.html flexbox-baseline-align-self-baseline-horiz-001-ref.html
== flexbox-baseline-align-self-baseline-vert-001.html flexbox-baseline-align-self-baseline-vert-001-ref.html == flexbox-baseline-align-self-baseline-vert-001.html flexbox-baseline-align-self-baseline-vert-001-ref.html