OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
4 <link href="resources/grid-alignment.css" rel="stylesheet"> | 4 <link href="resources/grid-alignment.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 | 6 |
7 .grid { | 7 .grid { |
8 grid-template-columns: 100px 50px; | 8 grid-template-columns: 100px 50px; |
9 grid-template-rows: 70px 30px; | 9 grid-template-rows: 70px 30px; |
10 width: 400px; | 10 width: 400px; |
(...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
222 </div> | 222 </div> |
223 | 223 |
224 <div class="grid directionRTL contentSpaceBetween"> | 224 <div class="grid directionRTL contentSpaceBetween"> |
225 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" | 225 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" |
226 data-offset-x="300" data-offset-y="0" data-expected-width="100" data-exp
ected-height="70"> | 226 data-offset-x="300" data-offset-y="0" data-expected-width="100" data-exp
ected-height="70"> |
227 </div> | 227 </div> |
228 </div> | 228 </div> |
229 | 229 |
230 <div class="grid directionRTL contentSpaceAround"> | 230 <div class="grid directionRTL contentSpaceAround"> |
231 <div style="grid-column: auto / 2; grid-row: auto / 2;" | 231 <div style="grid-column: auto / 2; grid-row: auto / 2;" |
232 data-offset-x="238" data-offset-y="0" data-expected-width="162" data-exp
ected-height="95"> | 232 data-offset-x="238" data-offset-y="0" data-expected-width="163" data-exp
ected-height="95"> |
233 </div> | 233 </div> |
234 </div> | 234 </div> |
235 | 235 |
236 <div class="grid directionRTL contentSpaceAround"> | 236 <div class="grid directionRTL contentSpaceAround"> |
237 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" | 237 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" |
238 data-offset-x="238" data-offset-y="0" data-expected-width="162" data-exp
ected-height="95"> | 238 data-offset-x="238" data-offset-y="0" data-expected-width="163" data-exp
ected-height="95"> |
239 </div> | 239 </div> |
240 </div> | 240 </div> |
241 | 241 |
242 <div class="grid directionRTL contentSpaceEvenly"> | 242 <div class="grid directionRTL contentSpaceEvenly"> |
243 <div style="grid-column: auto / 2; grid-row: auto / 2;" | 243 <div style="grid-column: auto / 2; grid-row: auto / 2;" |
244 data-offset-x="217" data-offset-y="0" data-expected-width="183" data-exp
ected-height="103"> | 244 data-offset-x="217" data-offset-y="0" data-expected-width="183" data-exp
ected-height="103"> |
245 </div> | 245 </div> |
246 </div> | 246 </div> |
247 | 247 |
248 <div class="grid directionRTL contentSpaceEvenly"> | 248 <div class="grid directionRTL contentSpaceEvenly"> |
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
390 </div> | 390 </div> |
391 | 391 |
392 <div class="grid directionRTL contentSpaceEvenly"> | 392 <div class="grid directionRTL contentSpaceEvenly"> |
393 <div class="offsets" style="grid-column: auto / auto; grid-row: auto / auto;
" | 393 <div class="offsets" style="grid-column: auto / auto; grid-row: auto / auto;
" |
394 data-offset-x="0" data-offset-y="0" data-expected-width="400" data-expec
ted-height="200"> | 394 data-offset-x="0" data-offset-y="0" data-expected-width="400" data-expec
ted-height="200"> |
395 </div> | 395 </div> |
396 </div> | 396 </div> |
397 | 397 |
398 </body> | 398 </body> |
399 </html> | 399 </html> |
OLD | NEW |