OLD | NEW |
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 { |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 grid-definition-columns: minmax(calc(23px + 10%), 400px) 12em; | 106 grid-definition-columns: minmax(calc(23px + 10%), 400px) 12em; |
107 grid-definition-rows: calc(150px) minmax(5%, calc(50% - 125px)); | 107 grid-definition-rows: calc(150px) minmax(5%, calc(50% - 125px)); |
108 font: 10px Ahem; | 108 font: 10px Ahem; |
109 } | 109 } |
110 </style> | 110 </style> |
111 <script src="../../resources/js-test.js"></script> | 111 <script src="../../resources/js-test.js"></script> |
112 </head> | 112 </head> |
113 <body> | 113 <body> |
114 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> | 114 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> |
115 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> | 115 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> |
| 116 <div class="indefiniteSizeGrid gridWithPercent" id="gridWithPercentWithoutSize"> |
| 117 <div class="gridItem"></div> |
| 118 </div> |
116 <div class="grid gridWithAuto" id="gridWithAutoElement"> | 119 <div class="grid gridWithAuto" id="gridWithAutoElement"> |
117 <div class="gridItem2"></div> | 120 <div class="gridItem2"></div> |
118 </div> | 121 </div> |
119 <div class="grid gridWithEM" id="gridWithEMElement"></div> | 122 <div class="grid gridWithEM" id="gridWithEMElement"></div> |
120 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div> | 123 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div> |
121 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div> | 124 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div> |
122 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div> | 125 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div> |
123 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo
rtPercent"></div> | 126 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo
rtPercent"></div> |
124 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit
Available"></div> | 127 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit
Available"></div> |
125 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div> | 128 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div> |
126 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContentWithChildrenEle
ment"> | 129 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContentWithChildrenEle
ment"> |
127 <div class="gridItem"></div> | 130 <div class="gridItem"></div> |
128 <div class="gridItem2"></div> | 131 <div class="gridItem2"></div> |
129 </div> | 132 </div> |
130 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div> | 133 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div> |
131 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont
ent"></div> | 134 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont
ent"></div> |
132 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div> | 135 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div> |
133 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div> | 136 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div> |
134 <div class="grid gridWithCalcCalc" id="gridWithCalcCalc"></div> | 137 <div class="grid gridWithCalcCalc" id="gridWithCalcCalc"></div> |
135 <div class="grid gridWithCalcAndFixed" id="gridWithCalcAndFixed"></div> | 138 <div class="grid gridWithCalcAndFixed" id="gridWithCalcAndFixed"></div> |
136 <div class="grid gridWithCalcAndMinMax" id="gridWithCalcAndMinMax"></div> | 139 <div class="grid gridWithCalcAndMinMax" id="gridWithCalcAndMinMax"></div> |
137 <div class="grid gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div> | 140 <div class="grid gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div> |
138 <script src="resources/grid-definitions-parsing-utils.js"></script> | 141 <script src="resources/grid-definitions-parsing-utils.js"></script> |
139 <script src="resources/grid-columns-rows-get-set-multiple.js"></script> | 142 <script src="resources/grid-columns-rows-get-set-multiple.js"></script> |
140 </body> | 143 </body> |
141 </html> | 144 </html> |
OLD | NEW |