| 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 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 87 .gridWithFractionMinMax { | 87 .gridWithFractionMinMax { |
| 88 grid-definition-columns: minmax(min-content, 45px) 2fr; | 88 grid-definition-columns: minmax(min-content, 45px) 2fr; |
| 89 grid-definition-rows: 3fr minmax(14px, max-content); | 89 grid-definition-rows: 3fr minmax(14px, max-content); |
| 90 } | 90 } |
| 91 </style> | 91 </style> |
| 92 <script src="../../resources/js-test.js"></script> | 92 <script src="../../resources/js-test.js"></script> |
| 93 </head> | 93 </head> |
| 94 <body> | 94 <body> |
| 95 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> | 95 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> |
| 96 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> | 96 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> |
| 97 <div class="indefiniteSizeGrid gridWithPercent" id="gridWithPercentWithoutSize"> |
| 98 <div class="gridItem"></div> |
| 99 </div> |
| 97 <div class="grid gridWithAuto" id="gridWithAutoElement"> | 100 <div class="grid gridWithAuto" id="gridWithAutoElement"> |
| 98 <div class="gridItem2"></div> | 101 <div class="gridItem2"></div> |
| 99 </div> | 102 </div> |
| 100 <div class="grid gridWithEM" id="gridWithEMElement"></div> | 103 <div class="grid gridWithEM" id="gridWithEMElement"></div> |
| 101 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div> | 104 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div> |
| 102 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div> | 105 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div> |
| 103 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div> | 106 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div> |
| 104 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo
rtPercent"></div> | 107 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo
rtPercent"></div> |
| 105 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit
Available"></div> | 108 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit
Available"></div> |
| 106 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div> | 109 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div> |
| 107 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContentWithChildrenEle
ment"> | 110 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContentWithChildrenEle
ment"> |
| 108 <div class="gridItem"></div> | 111 <div class="gridItem"></div> |
| 109 <div class="gridItem2"></div> | 112 <div class="gridItem2"></div> |
| 110 </div> | 113 </div> |
| 111 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div> | 114 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div> |
| 112 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont
ent"></div> | 115 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont
ent"></div> |
| 113 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div> | 116 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div> |
| 114 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div> | 117 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div> |
| 115 <script src="resources/grid-definitions-parsing-utils.js"></script> | 118 <script src="resources/grid-definitions-parsing-utils.js"></script> |
| 116 <script src="resources/grid-columns-rows-get-set-multiple.js"></script> | 119 <script src="resources/grid-columns-rows-get-set-multiple.js"></script> |
| 117 </body> | 120 </body> |
| 118 </html> | 121 </html> |
| OLD | NEW |