mirror of
https://github.com/servo/servo.git
synced 2025-06-28 02:53:48 +01:00
160 lines
3.2 KiB
HTML
160 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<title>Reftest Reference</title>
|
|
<style>
|
|
/* Label things */
|
|
body > div {
|
|
display: flow-root;
|
|
}
|
|
body > div::before {
|
|
display: block;
|
|
content: attr(class);
|
|
font-size: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* Test Framework */
|
|
.container {
|
|
border: solid aqua;
|
|
margin: 10px;
|
|
float: left;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.item {
|
|
background: orange;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Test */
|
|
.small .item {
|
|
height: 20px;
|
|
}
|
|
.large .item {
|
|
height: 40px;
|
|
}
|
|
|
|
.small .center
|
|
{ margin-top: 5px }
|
|
.small .end,
|
|
.small .self-end,
|
|
.small .flex-end
|
|
{ margin-top: 10px }
|
|
.large .center
|
|
{ margin-top: -5px; }
|
|
.large .end,
|
|
.large .self-end,
|
|
.large .flex-end
|
|
{ margin-top: -10px; }
|
|
.large.safe .item
|
|
{ margin-top: 0; }
|
|
</style>
|
|
|
|
<div class="default small">
|
|
<div class="container">
|
|
<div class="item normal"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item center"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-end"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="default large">
|
|
<div class="container">
|
|
<div class="item normal"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item center"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-end"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="unsafe large">
|
|
<div class="container">
|
|
<div class="item normal"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item center"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-end"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="safe large">
|
|
<div class="container">
|
|
<div class="item normal"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item center"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item self-end"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-start"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="item flex-end"></div>
|
|
</div>
|
|
</div>
|
|
|