Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(117)

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-item-named-grid-line-resolution.html

Issue 16959008: [CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns} (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebased Created 7 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script> 4 <script>
5 if (window.testRunner) 5 if (window.testRunner)
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
7 </script> 7 </script>
8 <link href="resources/grid.css" rel="stylesheet"> 8 <link href="resources/grid.css" rel="stylesheet">
9 <style> 9 <style>
10 .gridWithoutRepeat { 10 .gridWithoutRepeat {
11 grid-columns: 'a' 50px 'b' 100px 'c' 200px 'd'; 11 grid-definition-columns: 'a' 50px 'b' 100px 'c' 200px 'd';
12 grid-rows: 'e' 50px 'f' 100px 'g' 200px 'h'; 12 grid-definition-rows: 'e' 50px 'f' 100px 'g' 200px 'h';
13 } 13 }
14 14
15 .gridWithRepeat { 15 .gridWithRepeat {
16 grid-columns: 'b' 50px 'b' 100px 'b' 200px 'b'; 16 grid-definition-columns: 'b' 50px 'b' 100px 'b' 200px 'b';
17 grid-rows: 'g' 50px 'g' 100px 'g' 200px 'g'; 17 grid-definition-rows: 'g' 50px 'g' 100px 'g' 200px 'g';
18 } 18 }
19 19
20 .gridItemBToD { 20 .gridItemBToD {
21 grid-column: 'b' / 'd'; 21 grid-column: 'b' / 'd';
22 grid-row: 1; 22 grid-row: 1;
23 } 23 }
24 24
25 .gridItemGToH { 25 .gridItemGToH {
26 grid-column: 1; 26 grid-column: 1;
27 grid-row: 'g' / 'h'; 27 grid-row: 'g' / 'h';
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
78 78
79 <div style="position: relative"> 79 <div style="position: relative">
80 <div class="grid gridWithoutRepeat"> 80 <div class="grid gridWithoutRepeat">
81 <div class="sizedToGridArea gridItemInvalidNegativeGridLine" data-offset -x="0" data-offset-y="50" data-expected-width="350" data-expected-height="300">< /div> 81 <div class="sizedToGridArea gridItemInvalidNegativeGridLine" data-offset -x="0" data-offset-y="50" data-expected-width="350" data-expected-height="300">< /div>
82 </div> 82 </div>
83 </div> 83 </div>
84 </div> 84 </div>
85 85
86 </body> 86 </body>
87 </html> 87 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698