OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
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: 5px; | 11 grid-template-rows: 5px; |
12 grid-definition-columns: 10px; | 12 grid-template-columns: 10px; |
13 } | 13 } |
14 | 14 |
15 .gridAutoFixedFixed { | 15 .gridAutoFixedFixed { |
16 grid-auto-rows: 30px; | 16 grid-auto-rows: 30px; |
17 grid-auto-columns: 50px; | 17 grid-auto-columns: 50px; |
18 } | 18 } |
19 | 19 |
20 .gridAutoMinMax { | 20 .gridAutoMinMax { |
21 font: 10/1 Ahem; | 21 font: 10/1 Ahem; |
22 grid-auto-rows: minmax(10em, 15px); | 22 grid-auto-rows: minmax(10em, 15px); |
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 | 113 |
114 <div class="unconstrainedContainer" style="position: relative"> | 114 <div class="unconstrainedContainer" style="position: relative"> |
115 <div class="grid gridAutoMinMaxContent gridAutoFlowColumn"> | 115 <div class="grid gridAutoMinMaxContent gridAutoFlowColumn"> |
116 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="10" data-
offset-y="0" data-expected-width="120" data-expected-height="5">XXXXX XXXXXX</di
v> | 116 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="10" data-
offset-y="0" data-expected-width="120" data-expected-height="5">XXXXX XXXXXX</di
v> |
117 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
offset-y="0" data-expected-width="10" data-expected-height="5"></div> | 117 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
offset-y="0" data-expected-width="10" data-expected-height="5"></div> |
118 </div> | 118 </div> |
119 </div> | 119 </div> |
120 | 120 |
121 </body> | 121 </body> |
122 </html> | 122 </html> |
OLD | NEW |