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

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

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 years, 10 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 .grid { 10 .grid {
11 grid-definition-rows: (before) 50px (middle) 100px (after); 11 grid-template-rows: (before) 50px (middle) 100px (after);
12 grid-definition-columns: 40px 80px 160px; 12 grid-template-columns: 40px 80px 160px;
13 } 13 }
14 14
15 .gridWithoutRepeat { 15 .gridWithoutRepeat {
16 grid-template-areas: "first second third" 16 grid-template-areas: "first second third"
17 "fourth fifth sixth"; 17 "fourth fifth sixth";
18 } 18 }
19 19
20 .gridWithRepeat { 20 .gridWithRepeat {
21 grid-template-areas: "first second third" 21 grid-template-areas: "first second third"
22 "fourth fourth third"; 22 "fourth fourth third";
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data- offset-y="0" data-expected-width="80" data-expected-height="50"></div> 87 <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data- offset-y="0" data-expected-width="80" data-expected-height="50"></div>
88 <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of fset-y="0" data-expected-width="40" data-expected-height="50"></div> 88 <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of fset-y="0" data-expected-width="40" data-expected-height="50"></div>
89 89
90 <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div> 90 <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div>
91 <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div > 91 <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div >
92 </div> 92 </div>
93 </div> 93 </div>
94 94
95 </body> 95 </body>
96 </html> 96 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698