| 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 height: 22px; | 16 height: 22px; |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 74 </style> | 75 </style> |
| 75 <script src="../../resources/js-test.js"></script> | 76 <script src="../../resources/js-test.js"></script> |
| 76 </head> | 77 </head> |
| 77 <body> | 78 <body> |
| 78 <div class="grid definite gridWithFixed" id="gridWithFixedElement"></div> | 79 <div class="grid definite gridWithFixed" id="gridWithFixedElement"></div> |
| 79 <div class="grid definite gridWithPercent" id="gridWithPercentElement"></div> | 80 <div class="grid definite gridWithPercent" id="gridWithPercentElement"></div> |
| 80 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSize"></
div> | 81 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSize"></
div> |
| 81 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSizeWith
Children"> | 82 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSizeWith
Children"> |
| 82 <div class="gridItem"></div> | 83 <div class="gridItem"></div> |
| 83 </div> | 84 </div> |
| 84 <div class="grid definite gridWithAuto" id="gridWithAutoElement"></div> | 85 <div class="grid definite gridWithAuto contentStart" id="gridWithAutoElement"></
div> |
| 85 <div class="grid definite gridWithAuto" id="gridWithAutoWithChildrenElement"> | 86 <div class="grid definite gridWithAuto contentStart" id="gridWithAutoWithChildre
nElement"> |
| 86 <div class="gridItem"></div> | 87 <div class="gridItem"></div> |
| 87 </div> | 88 </div> |
| 88 <div class="grid definite gridWithMinMax" id="gridWithMinMax"></div> | 89 <div class="grid definite gridWithMinMax" id="gridWithMinMax"></div> |
| 89 <div class="grid definite gridWithFixedMultiple" id="gridWithFixedMultiple"></di
v> | 90 <div class="grid definite gridWithFixedMultiple" id="gridWithFixedMultiple"></di
v> |
| 90 <div class="grid definite gridWithPercentageSameStringMultipleTimes" id="gridWit
hPercentageSameStringMultipleTimes"></div> | 91 <div class="grid definite gridWithPercentageSameStringMultipleTimes" id="gridWit
hPercentageSameStringMultipleTimes"></div> |
| 91 <div class="grid definite gridWithRepeat" id="gridWithRepeatElement"></div> | 92 <div class="grid definite gridWithRepeat" id="gridWithRepeatElement"></div> |
| 92 <div class="grid definite gridWithEmptyBrackets" id="gridWithEmptyBrackets"></di
v> | 93 <div class="grid definite gridWithEmptyBrackets" id="gridWithEmptyBrackets"></di
v> |
| 93 <div class="grid definite gridWithoutBrackets" id="gridWithoutBrackets"></div> | 94 <div class="grid definite gridWithoutBrackets" id="gridWithoutBrackets"></div> |
| 94 <div class="grid definite gridWithInvalidNestedBrackets" id="gridWithInvalidNest
edBrackets"></div> | 95 <div class="grid definite gridWithInvalidNestedBrackets" id="gridWithInvalidNest
edBrackets"></div> |
| 95 <div class="grid definite gridWithUnbalancedBrackets" id="gridWithUnbalancedBrac
kets"></div> | 96 <div class="grid definite gridWithUnbalancedBrackets" id="gridWithUnbalancedBrac
kets"></div> |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 testGridDefinitionsSetBadJSValues("[foo]", "[bar"); | 145 testGridDefinitionsSetBadJSValues("[foo]", "[bar"); |
| 145 testGridDefinitionsSetBadJSValues("[foo bar]", "[bar foo]"); | 146 testGridDefinitionsSetBadJSValues("[foo bar]", "[bar foo]"); |
| 146 testGridDefinitionsSetBadJSValues("foo bar 10px", "50% baz bar foo 2em"); | 147 testGridDefinitionsSetBadJSValues("foo bar 10px", "50% baz bar foo 2em"); |
| 147 testGridDefinitionsSetBadJSValues("[foo [bar]] 10px", "50% [[baz bar] foo] 2
em"); | 148 testGridDefinitionsSetBadJSValues("[foo [bar]] 10px", "50% [[baz bar] foo] 2
em"); |
| 148 testGridDefinitionsSetBadJSValues("[foo bar 10px", "50% [baz bar] foo] 2em")
; | 149 testGridDefinitionsSetBadJSValues("[foo bar 10px", "50% [baz bar] foo] 2em")
; |
| 149 testGridDefinitionsSetBadJSValues("[foo 10px] 2em", "[50% bar] [foo]"); | 150 testGridDefinitionsSetBadJSValues("[foo 10px] 2em", "[50% bar] [foo]"); |
| 150 testGridDefinitionsSetBadJSValues("[auto] 2em", "50% [bar initial]"); | 151 testGridDefinitionsSetBadJSValues("[auto] 2em", "50% [bar initial]"); |
| 151 </script> | 152 </script> |
| 152 </body> | 153 </body> |
| 153 </html> | 154 </html> |
| OLD | NEW |