mirror of
https://github.com/servo/servo.git
synced 2025-08-15 10:25:32 +01:00
Update web-platform-tests to revision ac12b3e9488edb436f063b11213e954ae62d5a5e
This commit is contained in:
parent
65370f17c9
commit
b56a3b8e69
111 changed files with 3122 additions and 68 deletions
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Reference: Grid aligned descendants with static position (direction: rtl)</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
.grid {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid: 40px / 40px;
|
||||
border: 2px solid;
|
||||
border-top-width: 5px;
|
||||
border-left-width: 3px;
|
||||
width: 20px;
|
||||
padding: 2px 4px 6px 1px;
|
||||
direction: rtl;
|
||||
margin-left: 40px;
|
||||
}
|
||||
.absolute {
|
||||
position: absolute;
|
||||
grid-column: 1 / 2;
|
||||
}
|
||||
.content {
|
||||
float: right;
|
||||
width: 20px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
}
|
||||
.content:nth-child(2) {
|
||||
background: grey;
|
||||
}
|
||||
|
||||
</style></head>
|
||||
<body>
|
||||
There should be no red:
|
||||
|
||||
<div class="grid">
|
||||
<div class="absolute" style="margin-top:2px">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 43px">
|
||||
<div class="absolute" style="margin-top:2px; margin-left:3px">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 43px">
|
||||
<div class="absolute" style="margin-top:2px; border-left:2px solid black; padding-left:1px">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="padding-bottom: 14px">
|
||||
<div class="absolute" style="margin-top:10px">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 43px; padding-right:8px">
|
||||
<div class="absolute" style="margin-top:2px; margin-left:3px">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 43px; padding-right:8px; padding-left:10px">
|
||||
<div class="absolute" style="margin-top:2px;">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue