OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <link href="resources/grid.css" rel="stylesheet"> | 2 <link href="resources/grid.css" rel="stylesheet"> |
3 <style> | 3 <style> |
4 | 4 |
5 .grid { | 5 .grid { |
6 grid-template-columns: 200px 300px; | 6 grid-template-columns: 200px 300px; |
7 grid-template-rows: 150px 250px; | 7 grid-template-rows: 150px 250px; |
8 grid-auto-columns: 100px; | 8 grid-auto-columns: 100px; |
9 grid-auto-rows: 50px; | 9 grid-auto-rows: 50px; |
10 width: 800px; | 10 width: 800px; |
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
105 | 105 |
106 <div class="grid"> | 106 <div class="grid"> |
107 <div class="sixRowsAndSixColumns" | 107 <div class="sixRowsAndSixColumns" |
108 data-offset-x="15" data-offset-y="15" data-expected-width="900" data-exp
ected-height="600"> | 108 data-offset-x="15" data-offset-y="15" data-expected-width="900" data-exp
ected-height="600"> |
109 </div> | 109 </div> |
110 <div class="absolute" style="grid-column: 2 / 4; grid-row: 2 / 4;" | 110 <div class="absolute" style="grid-column: 2 / 4; grid-row: 2 / 4;" |
111 data-offset-x="415" data-offset-y="265" data-expected-width="415" data-e
xpected-height="365"> | 111 data-offset-x="415" data-offset-y="265" data-expected-width="415" data-e
xpected-height="365"> |
112 </div> | 112 </div> |
113 </div> | 113 </div> |
114 | 114 |
| 115 <div class="grid directionRTL"> |
| 116 <div class="sixRowsAndSixColumns" |
| 117 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 118 </div> |
| 119 <div class="absolute" style="grid-column: auto / 1; grid-row: auto / 1;" |
| 120 data-offset-x="615" data-offset-y="0" data-expected-width="215" data-exp
ected-height="115"> |
| 121 </div> |
| 122 </div> |
| 123 |
| 124 <div class="grid directionRTL"> |
| 125 <div class="sixRowsAndSixColumns" |
| 126 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 127 </div> |
| 128 <div class="absolute" style="grid-column: auto / 2; grid-row: auto / 2;" |
| 129 data-offset-x="415" data-offset-y="0" data-expected-width="415" data-exp
ected-height="265"> |
| 130 </div> |
| 131 </div> |
| 132 |
| 133 <div class="grid directionRTL"> |
| 134 <div class="sixRowsAndSixColumns" |
| 135 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 136 </div> |
| 137 <div class="absolute" style="grid-column: 3 / auto; grid-row: 3 / auto;" |
| 138 data-offset-x="0" data-offset-y="515" data-expected-width="115" data-exp
ected-height="115"> |
| 139 </div> |
| 140 </div> |
| 141 |
| 142 <div class="grid directionRTL"> |
| 143 <div class="sixRowsAndSixColumns" |
| 144 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 145 </div> |
| 146 <div class="absolute" style="grid-column: 2 / auto; grid-row: 2 / auto;" |
| 147 data-offset-x="0" data-offset-y="265" data-expected-width="415" data-exp
ected-height="365"> |
| 148 </div> |
| 149 </div> |
| 150 |
| 151 <div class="grid directionRTL"> |
| 152 <div class="sixRowsAndSixColumns" |
| 153 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 154 </div> |
| 155 <div class="absolute" style="grid-column: -4 / 1; grid-row: -4 / 1;" |
| 156 data-offset-x="615" data-offset-y="0" data-expected-width="215" data-exp
ected-height="115"> |
| 157 </div> |
| 158 </div> |
| 159 |
| 160 <div class="grid directionRTL"> |
| 161 <div class="sixRowsAndSixColumns" |
| 162 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 163 </div> |
| 164 <div class="absolute" style="grid-column: -4 / 2; grid-row: -4 / 2;" |
| 165 data-offset-x="415" data-offset-y="0" data-expected-width="415" data-exp
ected-height="265"> |
| 166 </div> |
| 167 </div> |
| 168 |
| 169 <div class="grid directionRTL"> |
| 170 <div class="sixRowsAndSixColumns" |
| 171 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 172 </div> |
| 173 <div class="absolute" style="grid-column: 3 / 4; grid-row: 3 / 4;" |
| 174 data-offset-x="0" data-offset-y="515" data-expected-width="115" data-exp
ected-height="115"> |
| 175 </div> |
| 176 </div> |
| 177 |
| 178 <div class="grid directionRTL"> |
| 179 <div class="sixRowsAndSixColumns" |
| 180 data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-ex
pected-height="600"> |
| 181 </div> |
| 182 <div class="absolute" style="grid-column: 2 / 4; grid-row: 2 / 4;" |
| 183 data-offset-x="0" data-offset-y="265" data-expected-width="415" data-exp
ected-height="365"> |
| 184 </div> |
| 185 </div> |
| 186 |
115 </body> | 187 </body> |
OLD | NEW |