Index: third_party/WebKit/LayoutTests/external/wpt/css/css-grid-1/abspos/positioned-grid-items-006-ref.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/css/css-grid-1/abspos/positioned-grid-items-006-ref.html b/third_party/WebKit/LayoutTests/external/wpt/css/css-grid-1/abspos/positioned-grid-items-006-ref.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a3f12bbf114a707ae02eed612295539363b2bcb8 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/css/css-grid-1/abspos/positioned-grid-items-006-ref.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE html> |
+<meta charset="utf-8"> |
+<title>CSS Grid Layout Test: Positioned grid items reference file</title> |
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> |
+<style> |
+#grid { |
+ display: grid; |
+ grid: 150px 100px / 200px 300px; |
+ justify-items: start; |
+ align-items: end; |
+ margin: 1px 2px 3px 4px; |
+ padding: 20px 15px 10px 5px; |
+ border-width: 9px 3px 12px 6px; |
+ border-style: solid; |
+ width: 550px; |
+ height: 400px; |
+} |
+ |
+#firstItem { |
+ background: magenta; |
+} |
+ |
+#secondItem { |
+ background: cyan; |
+} |
+ |
+#thirdItem { |
+ background: yellow; |
+} |
+ |
+#fourthItem { |
+ background: lime; |
+} |
+</style> |
+ |
+<p>The test passes if it has the same output than the reference.</p> |
+ |
+<div id="grid"> |
+ <div id="firstItem">First item</div> |
+ <div id="secondItem">Second item</div> |
+ <div id="thirdItem">Third item</div> |
+ <div id="fourthItem">Fourth item</div> |
+</div> |
+ |