| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-003.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-003.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-003.html
|
| deleted file mode 100644
|
| index 6e1a7be6c3c5bd3a55fe592bd70811ef9ad446c5..0000000000000000000000000000000000000000
|
| --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-003.html
|
| +++ /dev/null
|
| @@ -1,182 +0,0 @@
|
| -<!DOCTYPE HTML>
|
| -<!--
|
| - Any copyright is dedicated to the Public Domain.
|
| - http://creativecommons.org/publicdomain/zero/1.0/
|
| --->
|
| -<html><head>
|
| - <meta charset="utf-8">
|
| - <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
|
| - <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
|
| - <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
|
| - <link rel="match" href="grid-repeat-auto-fill-fit-003-ref.html">
|
| - <style type="text/css">
|
| -html,body {
|
| - color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
| -}
|
| -
|
| -.grid {
|
| - display: grid;
|
| - float: left;
|
| - position: relative;
|
| - border: 1px solid;
|
| - grid-auto-columns: 10px;
|
| - grid-auto-rows: 10px;
|
| - grid-auto-flow: column;
|
| - grid-gap: 2px;
|
| - margin-right: 2px;
|
| - padding-top: 3px;
|
| -}
|
| -.r1 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
|
| -.r2 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e]; }
|
| -.r3 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
|
| -fit .r1 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
|
| -fit .r2 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
|
| -fit .r3 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
|
| -
|
| -.w100 { height: 100px; }
|
| -.w50 { height: 50px; }
|
| -.w80 { height: 80px; }
|
| -.mw100 { min-height: 100px; }
|
| -.mw50 { min-height: 50px; }
|
| -.mw80 { min-height: 80px; }
|
| -.xw100 { max-height: 100px; }
|
| -.xw50 { max-height: 50px; }
|
| -.xw80 { max-height: 80px; }
|
| -.float { float: left; }
|
| -
|
| -x {
|
| - width: 10px;
|
| - background: grey;
|
| -}
|
| -a {
|
| - position: absolute;
|
| - left:0; top:0; bottom:0; width: 3px;
|
| - background: black;
|
| - grid-row: c / c -1;
|
| -}
|
| -b {
|
| - position: absolute;
|
| - right:0; top:0; bottom:0; width: 3px;
|
| - background: brown;
|
| - grid-row: auto / c -1;
|
| -}
|
| -
|
| -x:first-child {
|
| - background: lime;
|
| -}
|
| -x:last-child {
|
| - background: blue;
|
| -}
|
| -
|
| -</style>
|
| -</head>
|
| -<body>
|
| -
|
| -<fill>
|
| -
|
| -<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| -<br clear="all">
|
| -<br clear="all">
|
| -
|
| -<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| -<br clear="all">
|
| -<br clear="all">
|
| -
|
| -<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| -</fill>
|
| -
|
| -<br clear="all">
|
| -<br clear="all">
|
| -
|
| -<!-- TODO(svillar): uncomment these tests when enabling auto-fit. -->
|
| -<!-- <fit>
|
| -
|
| - <div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| - <br clear="all">
|
| - <br clear="all">
|
| -
|
| - <div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| - <br clear="all">
|
| - <br clear="all">
|
| -
|
| - <div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| - <div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
|
| -
|
| - <br clear="all">
|
| - <br clear="all">
|
| -
|
| - </fit> -->
|
| -
|
| -
|
| -</body>
|
| -</html>
|
|
|