| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> | 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> |
| 5 <link href="resources/grid.css" rel="stylesheet"> | 5 <link href="resources/grid.css" rel="stylesheet"> |
| 6 <link href="resources/grid-alignment.css" rel="stylesheet"> |
| 6 <style> | 7 <style> |
| 7 .definite { | 8 .definite { |
| 8 /* Give an explicit size to the grid so that percentage grid tracks have a c
onsistent resolution */ | 9 /* Give an explicit size to the grid so that percentage grid tracks have a c
onsistent resolution */ |
| 9 width: 800px; | 10 width: 800px; |
| 10 height: 600px; | 11 height: 600px; |
| 11 } | 12 } |
| 12 .gridItem { | 13 .gridItem { |
| 13 grid-column: 1; | 14 grid-column: 1; |
| 14 grid-row: 1; | 15 grid-row: 1; |
| 15 width: 7px; | 16 width: 7px; |
| (...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 <script src="../../resources/js-test.js"></script> | 95 <script src="../../resources/js-test.js"></script> |
| 95 </head> | 96 </head> |
| 96 <body> | 97 <body> |
| 97 <div class="grid definite gridWithNone" id="gridWithNoneElement"></div> | 98 <div class="grid definite gridWithNone" id="gridWithNoneElement"></div> |
| 98 <div class="grid definite gridWithFixed" id="gridWithFixedElement"></div> | 99 <div class="grid definite gridWithFixed" id="gridWithFixedElement"></div> |
| 99 <div class="grid definite gridWithPercent" id="gridWithPercentElement"></div> | 100 <div class="grid definite gridWithPercent" id="gridWithPercentElement"></div> |
| 100 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSize"></
div> | 101 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSize"></
div> |
| 101 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSizeWith
Children"> | 102 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSizeWith
Children"> |
| 102 <div class="gridItem"></div> | 103 <div class="gridItem"></div> |
| 103 </div> | 104 </div> |
| 104 <div class="grid definite gridWithAuto" id="gridWithAutoElement"></div> | 105 <div class="grid definite gridWithAuto contentStart" id="gridWithAutoElement"></
div> |
| 105 <div class="grid definite gridWithAuto" id="gridWithAutoWithoutSizeElement"></di
v> | 106 <div class="grid definite gridWithAuto contentStart" id="gridWithAutoWithoutSize
Element"></div> |
| 106 <div class="grid definite gridWithAuto fontSpec" id="gridWithAutoWithChildrenEle
ment"> | 107 <div class="grid definite gridWithAuto contentStart fontSpec" id="gridWithAutoWi
thChildrenElement"> |
| 107 <div class="gridItem"></div> | 108 <div class="gridItem"></div> |
| 108 </div> | 109 </div> |
| 109 <div class="grid definite gridWithEM" id="gridWithEMElement"></div> | 110 <div class="grid definite gridWithEM" id="gridWithEMElement"></div> |
| 110 <div class="grid definite gridWithViewPortPercentage" id="gridWithViewPortPercen
tageElement"></div> | 111 <div class="grid definite gridWithViewPortPercentage" id="gridWithViewPortPercen
tageElement"></div> |
| 111 <div class="grid definite gridWithFitContent" id="gridWithFitContentElement"></d
iv> | 112 <div class="grid definite gridWithFitContent" id="gridWithFitContentElement"></d
iv> |
| 112 <div class="grid definite gridWithFitAvailable" id="gridWithFitAvailableElement"
></div> | 113 <div class="grid definite gridWithFitAvailable" id="gridWithFitAvailableElement"
></div> |
| 113 <div class="grid definite gridWithMinMax" id="gridWithMinMaxElement"></div> | 114 <div class="grid definite gridWithMinMax" id="gridWithMinMaxElement"></div> |
| 114 <div class="grid definite gridWithMinContent" id="gridWithMinContentElement"></d
iv> | 115 <div class="grid definite gridWithMinContent" id="gridWithMinContentElement"></d
iv> |
| 115 <div class="grid definite gridWithMinContent" id="gridWithMinContentWithChildren
Element"> | 116 <div class="grid definite gridWithMinContent" id="gridWithMinContentWithChildren
Element"> |
| 116 <div class="gridItem"></div> | 117 <div class="gridItem"></div> |
| 117 <div class="gridItem2"></div> | 118 <div class="gridItem2"></div> |
| 118 </div> | 119 </div> |
| 119 <div class="grid definite gridWithMaxContent" id="gridWithMaxContentElement"></d
iv> | 120 <div class="grid definite gridWithMaxContent" id="gridWithMaxContentElement"></d
iv> |
| 120 <div class="grid definite gridWithMaxContent" id="gridWithMaxContentWithChildren
Element"> | 121 <div class="grid definite gridWithMaxContent" id="gridWithMaxContentWithChildren
Element"> |
| 121 <div class="gridItem"></div> | 122 <div class="gridItem"></div> |
| 122 <div class="gridItem2"></div> | 123 <div class="gridItem2"></div> |
| 123 </div> | 124 </div> |
| 124 <div class="grid definite gridWithFraction" id="gridWithFractionElement"></div> | 125 <div class="grid definite gridWithFraction" id="gridWithFractionElement"></div> |
| 125 <div class="grid definite gridWithCalc" id="gridWithCalcElement"></div> | 126 <div class="grid definite gridWithCalc" id="gridWithCalcElement"></div> |
| 126 <div class="grid definite gridWithCalcComplex" id="gridWithCalcComplexElement"><
/div> | 127 <div class="grid definite gridWithCalcComplex" id="gridWithCalcComplexElement"><
/div> |
| 127 <div class="grid definite gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax
Element"></div> | 128 <div class="grid definite gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax
Element"></div> |
| 128 <div class="grid definite gridWithCalcComplexInsideMinMax" id="gridWithCalcCompl
exInsideMinMaxElement"></div> | 129 <div class="grid definite gridWithCalcComplexInsideMinMax" id="gridWithCalcCompl
exInsideMinMaxElement"></div> |
| 129 <div class="grid definite gridWithAutoInsideMinMax" id="gridWithAutoInsideMinMax
Element"> | 130 <div class="grid definite gridWithAutoInsideMinMax contentStart" id="gridWithAut
oInsideMinMaxElement"> |
| 130 <div class="gridItem"></div> | 131 <div class="gridItem"></div> |
| 131 </div> | 132 </div> |
| 132 <script src="resources/grid-definitions-parsing-utils.js"></script> | 133 <script src="resources/grid-definitions-parsing-utils.js"></script> |
| 133 <script src="resources/grid-columns-rows-get-set.js"></script> | 134 <script src="resources/grid-columns-rows-get-set.js"></script> |
| 134 </body> | 135 </body> |
| 135 </html> | 136 </html> |
| OLD | NEW |