OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <script src="../../resources/check-layout.js"></script> | 5 <script src="../../resources/check-layout.js"></script> |
6 <style> | 6 <style> |
7 body { | 7 body { |
8 margin: 0; | 8 margin: 0; |
9 } | 9 } |
10 | 10 |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
129 <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="8 0" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div> | 129 <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="8 0" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div> |
130 <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="80 " data-offset-y="200" data-expected-width="20" data-expected-height="40"></div> | 130 <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="80 " data-offset-y="200" data-expected-width="20" data-expected-height="40"></div> |
131 </div> | 131 </div> |
132 </div> | 132 </div> |
133 | 133 |
134 <div style="position: relative"> | 134 <div style="position: relative"> |
135 <div class="grid directionRTL" data-expected-width="200" data-expected-heig ht="400"> | 135 <div class="grid directionRTL" data-expected-width="200" data-expected-heig ht="400"> |
136 <div class="cell alignSelfFlexEnd firstRowFirstColumn" data-offset-x="1 80" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div > | 136 <div class="cell alignSelfFlexEnd firstRowFirstColumn" data-offset-x="1 80" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div > |
137 <div class="cell alignSelfFlexStart firstRowSecondColumn" data-offset-x ="80" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div > | 137 <div class="cell alignSelfFlexStart firstRowSecondColumn" data-offset-x ="80" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div > |
138 <div class="cell alignSelfSelfStart secondRowFirstColumn" data-offset-x ="180" data-offset-y="200" data-expected-width="20" data-expected-height="40"></ div> | 138 <div class="cell alignSelfSelfStart secondRowFirstColumn" data-offset-x ="180" data-offset-y="200" data-expected-width="20" data-expected-height="40"></ div> |
139 <div class="cell alignSelfSelfEnd secondRowSecondColumn" data-offset-x= "x80" data-offset-y="360" data-expected-width="20" data-expected-height="40"></d iv> | 139 <div class="cell alignSelfSelfEnd secondRowSecondColumn" data-offset-x= "80" data-offset-y="360" data-expected-width="20" data-expected-height="40"></di v> |
Julien - ping for review
2015/02/03 02:42:53
Nice catch!
| |
140 </div> | 140 </div> |
141 </div> | 141 </div> |
142 | 142 |
143 <!-- RTL direction (it should not affect the block-flow) with opposite direction s grid container vs grid item. --> | 143 <!-- RTL direction (it should not affect the block-flow) with opposite direction s grid container vs grid item. --> |
144 <div style="position: relative"> | 144 <div style="position: relative"> |
145 <div class="grid" data-expected-width="200" data-expected-height="400"> | 145 <div class="grid" data-expected-width="200" data-expected-height="400"> |
146 <div class="alignSelfStretch firstRowFirstColumn directionRTL" data-off set-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200" ></div> | 146 <div class="alignSelfStretch firstRowFirstColumn directionRTL" data-off set-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200" ></div> |
147 <div class="cell alignSelfStart firstRowSecondColumn directionRTL" data -offset-x="100" data-offset-y="0" data-expected-width="20" data-expected-height= "40"></div> | 147 <div class="cell alignSelfStart firstRowSecondColumn directionRTL" data -offset-x="100" data-offset-y="0" data-expected-width="20" data-expected-height= "40"></div> |
148 <div class="cell alignSelfEnd firstRowSecondColumn directionRTL" data-o ffset-x="100" data-offset-y="160" data-expected-width="20" data-expected-height= "40"></div> | 148 <div class="cell alignSelfEnd firstRowSecondColumn directionRTL" data-o ffset-x="100" data-offset-y="160" data-expected-width="20" data-expected-height= "40"></div> |
149 <div class="cell alignSelfCenter secondRowFirstColumn directionRTL" dat a-offset-x="0" data-offset-y="280" data-expected-width="20" data-expected-height ="40"></div> | 149 <div class="cell alignSelfCenter secondRowFirstColumn directionRTL" dat a-offset-x="0" data-offset-y="280" data-expected-width="20" data-expected-height ="40"></div> |
(...skipping 128 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
278 <div class="item"></div> | 278 <div class="item"></div> |
279 </div> | 279 </div> |
280 <div class="cell alignSelfSelfEnd secondRowSecondColumn verticalRL" data -offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-heigh t="40"> | 280 <div class="cell alignSelfSelfEnd secondRowSecondColumn verticalRL" data -offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-heigh t="40"> |
281 <div class="item"></div> | 281 <div class="item"></div> |
282 </div> | 282 </div> |
283 </div> | 283 </div> |
284 </div> | 284 </div> |
285 | 285 |
286 </body> | 286 </body> |
287 </html> | 287 </html> |
OLD | NEW |