Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(921)

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-item-named-grid-line-resolution.html

Issue 888743002: Force unitless data-expected attributes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Redo percentage-height-when-height-specified-by-top-bottom.html onload change Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 <style> 5 <style>
6 .gridWithoutRepeat { 6 .gridWithoutRepeat {
7 grid-template-columns: (a) 50px (b) 100px (c) 200px (d); 7 grid-template-columns: (a) 50px (b) 100px (c) 200px (d);
8 grid-template-rows: (e) 50px (f) 100px (g) 200px (h); 8 grid-template-rows: (e) 50px (f) 100px (g) 200px (h);
9 } 9 }
10 10
(...skipping 129 matching lines...) Expand 10 before | Expand all | Expand 10 after
140 </div> 140 </div>
141 141
142 <div style="position: relative"> 142 <div style="position: relative">
143 <div class="grid gridWithRepeat"> 143 <div class="grid gridWithRepeat">
144 <div class="sizedToGridArea gridItemSpan2GNegativeG" data-offset-x="0" d ata-offset-y="50" data-expected-width="50" data-expected-height="300"></div> 144 <div class="sizedToGridArea gridItemSpan2GNegativeG" data-offset-x="0" d ata-offset-y="50" data-expected-width="50" data-expected-height="300"></div>
145 </div> 145 </div>
146 </div> 146 </div>
147 147
148 <div style="position: relative"> 148 <div style="position: relative">
149 <div class="grid gridFromSpecs"> 149 <div class="grid gridFromSpecs">
150 <div class="sizedToGridArea" style="grid-column: 4 / auto;" data-offset-x= "60px" data-expected-width="40px"></div> 150 <div class="sizedToGridArea" style="grid-column: 4 / auto;" data-offset-x= "60" data-expected-width="40"></div>
151 </div> 151 </div>
152 </div> 152 </div>
153 153
154 <div style="position: relative"> 154 <div style="position: relative">
155 <div class="grid gridFromSpecs"> 155 <div class="grid gridFromSpecs">
156 <div class="sizedToGridArea" style="grid-column: auto / 6;" data-offset-x= "100px" data-expected-width="50px"></div> 156 <div class="sizedToGridArea" style="grid-column: auto / 6;" data-offset-x= "100" data-expected-width="50"></div>
157 </div> 157 </div>
158 </div> 158 </div>
159 159
160 <div style="position: relative"> 160 <div style="position: relative">
161 <div class="grid gridFromSpecs"> 161 <div class="grid gridFromSpecs">
162 <div class="sizedToGridArea" style="grid-column: C / C -1;" data-offset-x= "30px" data-expected-width="330px"></div> 162 <div class="sizedToGridArea" style="grid-column: C / C -1;" data-offset-x= "30" data-expected-width="330"></div>
163 </div> 163 </div>
164 </div> 164 </div>
165 165
166 <div style="position: relative"> 166 <div style="position: relative">
167 <div class="grid gridFromSpecs"> 167 <div class="grid gridFromSpecs">
168 <div class="sizedToGridArea" style="grid-column: C / span C;" data-offset- x="30px" data-expected-width="120px"></div> 168 <div class="sizedToGridArea" style="grid-column: C / span C;" data-offset- x="30" data-expected-width="120"></div>
169 </div> 169 </div>
170 </div> 170 </div>
171 171
172 <div style="position: relative"> 172 <div style="position: relative">
173 <div class="grid gridFromSpecs"> 173 <div class="grid gridFromSpecs">
174 <div class="sizedToGridArea" style="grid-column: span C / C -1;" data-offs et-x="150px" data-expected-width="210px"></div> 174 <div class="sizedToGridArea" style="grid-column: span C / C -1;" data-offs et-x="150" data-expected-width="210"></div>
175 </div> 175 </div>
176 </div> 176 </div>
177 177
178 <div style="position: relative"> 178 <div style="position: relative">
179 <div class="grid gridFromSpecs"> 179 <div class="grid gridFromSpecs">
180 <div class="sizedToGridArea" style="grid-column: span C / span C;" data-of fset-x="0px" data-expected-width="10px"></div> 180 <div class="sizedToGridArea" style="grid-column: span C / span C;" data-of fset-x="0" data-expected-width="10"></div>
181 </div> 181 </div>
182 </div> 182 </div>
183 183
184 <div style="position: relative"> 184 <div style="position: relative">
185 <div class="grid gridFromSpecs"> 185 <div class="grid gridFromSpecs">
186 <div class="sizedToGridArea" style="grid-column: 5 / C -1;" data-offset-x= "100px" data-expected-width="260px"></div> 186 <div class="sizedToGridArea" style="grid-column: 5 / C -1;" data-offset-x= "100" data-expected-width="260"></div>
187 </div> 187 </div>
188 </div> 188 </div>
189 189
190 <div style="position: relative"> 190 <div style="position: relative">
191 <div class="grid gridFromSpecs"> 191 <div class="grid gridFromSpecs">
192 <div class="sizedToGridArea" style="grid-column: 5 / span C;" data-offset- x="100px" data-expected-width="50px"></div> 192 <div class="sizedToGridArea" style="grid-column: 5 / span C;" data-offset- x="100" data-expected-width="50"></div>
193 </div> 193 </div>
194 </div> 194 </div>
195 195
196 <div style="position: relative"> 196 <div style="position: relative">
197 <div class="grid gridFromSpecs"> 197 <div class="grid gridFromSpecs">
198 <div class="sizedToGridArea" style="grid-column: 8 / 8;" data-offset-x="28 0px" data-expected-width="80px"></div> 198 <div class="sizedToGridArea" style="grid-column: 8 / 8;" data-offset-x="28 0" data-expected-width="80"></div>
199 </div> 199 </div>
200 </div> 200 </div>
201 201
202 <div style="position: relative"> 202 <div style="position: relative">
203 <div class="grid gridFromSpecs"> 203 <div class="grid gridFromSpecs">
204 <div class="sizedToGridArea" style="grid-column: B 2 / span 1;" data-offse t-x="100px" data-expected-width="50px"></div> 204 <div class="sizedToGridArea" style="grid-column: B 2 / span 1;" data-offse t-x="100" data-expected-width="50"></div>
205 </div> 205 </div>
206 </div> 206 </div>
207 207
208 </body> 208 </body>
209 </html> 209 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698