| OLD | NEW |
|---|
| (Empty) |
| 1 // File generated by Dart CSS from source file layout.scss | |
| 2 // Do not edit. | |
| 3 | |
| 4 class AdaptiveLayout { | |
| 5 // selector, properties<propertyName, value> | |
| 6 static final selectors = const { | |
| 7 '#grid' : const { | |
| 8 'display' : '-dart-grid', | |
| 9 'grid-columns' : 'auto minmax(min-content, 1fr)', | |
| 10 'grid-rows' : 'auto minmax(min-content, 1fr) auto', | |
| 11 }, | |
| 12 '#title' : const { | |
| 13 'grid-column' : '1', | |
| 14 'grid-row' : '1', | |
| 15 }, | |
| 16 '#score' : const { | |
| 17 'grid-column' : '1', | |
| 18 'grid-row' : '3', | |
| 19 }, | |
| 20 '#stats' : const { | |
| 21 'grid-column' : '1', | |
| 22 'grid-row' : '2', | |
| 23 'grid-row-align' : 'start', | |
| 24 }, | |
| 25 '#board' : const { | |
| 26 'grid-column' : '2', | |
| 27 'grid-row' : '1', | |
| 28 'grid-row-span' : '2', | |
| 29 }, | |
| 30 '#controls' : const { | |
| 31 'grid-column' : '2', | |
| 32 'grid-row' : '3', | |
| 33 'grid-column-align' : 'center', | |
| 34 }, | |
| 35 }; | |
| 36 } | |
| 37 | |
| 38 class SourceIndependencePortrait { | |
| 39 // selector, properties<propertyName, value> | |
| 40 static final selectors = const { | |
| 41 '#grid' : const { | |
| 42 'display' : '-dart-grid', | |
| 43 'grid-template' : '"ta" "sa" "bb" "cc"', | |
| 44 'grid-columns' : 'auto minmax(min-content, 1fr)', | |
| 45 'grid-rows' : 'auto auto minmax(min-content, 1fr) auto', | |
| 46 }, | |
| 47 '#title' : const { | |
| 48 'grid-cell' : '"t"', | |
| 49 }, | |
| 50 '#score' : const { | |
| 51 'grid-cell' : '"s"', | |
| 52 }, | |
| 53 '#stats' : const { | |
| 54 'grid-cell' : '"a"', | |
| 55 }, | |
| 56 '#board' : const { | |
| 57 'grid-cell' : '"b"', | |
| 58 }, | |
| 59 '#controls' : const { | |
| 60 'grid-cell' : '"c"', | |
| 61 }, | |
| 62 }; | |
| 63 } | |
| 64 | |
| 65 class SourceIndependenceLandscape { | |
| 66 // selector, properties<propertyName, value> | |
| 67 static final selectors = const { | |
| 68 '#grid' : const { | |
| 69 'display' : '-dart-grid', | |
| 70 'grid-template' : '"tb" "ab" "sc"', | |
| 71 'grid-columns' : 'auto minmax(min-content, 1fr)', | |
| 72 'grid-rows' : 'auto minmax(min-content, 1fr) auto', | |
| 73 }, | |
| 74 '#title' : const { | |
| 75 'grid-cell' : '"t"', | |
| 76 }, | |
| 77 '#score' : const { | |
| 78 'grid-cell' : '"s"', | |
| 79 }, | |
| 80 '#stats' : const { | |
| 81 'grid-cell' : '"a"', | |
| 82 }, | |
| 83 '#board' : const { | |
| 84 'grid-cell' : '"b"', | |
| 85 }, | |
| 86 '#controls' : const { | |
| 87 'grid-cell' : '"c"', | |
| 88 }, | |
| 89 }; | |
| 90 } | |
| 91 | |
| 92 class GridLayering { | |
| 93 // selector, properties<propertyName, value> | |
| 94 static final selectors = const { | |
| 95 '#grid' : const { | |
| 96 'display' : '-dart-grid', | |
| 97 'grid-columns' : '"start" auto "track-start" 0.5fr "thumb-start" auto "fil
l-split" auto "thumb-end" 0.5fr "track-end" auto "end"', | |
| 98 }, | |
| 99 '#lower-label' : const { | |
| 100 'grid-column' : '"start"', | |
| 101 }, | |
| 102 '#track' : const { | |
| 103 'grid-column' : '"track-start" "track-end"', | |
| 104 'grid-row-align' : 'center', | |
| 105 }, | |
| 106 '#upper-label' : const { | |
| 107 'grid-column' : '"track-end"', | |
| 108 }, | |
| 109 '#lower-fill' : const { | |
| 110 'grid-column' : '"track-start" "fill-split"', | |
| 111 'grid-row-align' : 'center', | |
| 112 'grid-layer' : '5', | |
| 113 }, | |
| 114 '#upper-fill' : const { | |
| 115 'grid-column' : '"fill-split" "track-end"', | |
| 116 'grid-row-align' : 'center', | |
| 117 'grid-layer' : '5', | |
| 118 }, | |
| 119 '#thumb' : const { | |
| 120 'grid-column' : '"thumb-start" "thumb-end"', | |
| 121 'grid-layer' : '10', | |
| 122 }, | |
| 123 }; | |
| 124 } | |
| 125 | |
| 126 class GridLines_5 { | |
| 127 // selector, properties<propertyName, value> | |
| 128 static final selectors = const { | |
| 129 '#grid' : const { | |
| 130 'display' : '-dart-grid', | |
| 131 'grid-columns' : '150px 1fr', | |
| 132 'grid-rows' : '50px 1fr 50px', | |
| 133 }, | |
| 134 '#item1' : const { | |
| 135 'grid-column' : '2', | |
| 136 'grid-row' : '1 4', | |
| 137 }, | |
| 138 }; | |
| 139 } | |
| 140 | |
| 141 class GridLines_6 { | |
| 142 // selector, properties<propertyName, value> | |
| 143 static final selectors = const { | |
| 144 '#grid' : const { | |
| 145 'display' : '-dart-grid', | |
| 146 'grid-columns' : '150px "item1-start" 1fr "item1-end"', | |
| 147 'grid-rows' : '"item1-start" 50px 1fr 50px "item1-end"', | |
| 148 }, | |
| 149 '#item1' : const { | |
| 150 'grid-column' : '"item1-start" "item1-end"', | |
| 151 'grid-row' : '"item1-start" "item1-end"', | |
| 152 }, | |
| 153 }; | |
| 154 } | |
| 155 | |
| 156 class GridCells { | |
| 157 // selector, properties<propertyName, value> | |
| 158 static final selectors = const { | |
| 159 '#grid' : const { | |
| 160 'display' : '-dart-grid', | |
| 161 'grid-template' : '"ad" "bd" "cd"', | |
| 162 'grid-columns' : '150px 1fr', | |
| 163 'grid-rows' : '50px 1fr 50px', | |
| 164 }, | |
| 165 '#item2' : const { | |
| 166 'grid-cell' : '"b"', | |
| 167 'grid-row-align' : 'start', | |
| 168 }, | |
| 169 '#item3' : const { | |
| 170 'grid-cell' : '"b"', | |
| 171 'grid-column-align' : 'end', | |
| 172 'grid-row-align' : 'end', | |
| 173 }, | |
| 174 }; | |
| 175 } | |
| 176 | |
| 177 class StartEndingGridlines11a { | |
| 178 // selector, properties<propertyName, value> | |
| 179 static final selectors = const { | |
| 180 '#grid' : const { | |
| 181 'display' : '-dart-grid', | |
| 182 'grid-columns' : '50px 1fr', | |
| 183 'grid-rows' : '"first" 250px 1fr 250px "last"', | |
| 184 }, | |
| 185 '#item' : const { | |
| 186 'grid-column' : '1 3', | |
| 187 'grid-row' : '"first" "last"', | |
| 188 }, | |
| 189 }; | |
| 190 } | |
| 191 | |
| 192 class StartEndingGridlines11b { | |
| 193 // selector, properties<propertyName, value> | |
| 194 static final selectors = const { | |
| 195 '#grid' : const { | |
| 196 'display' : '-dart-grid', | |
| 197 'grid-columns' : '50px 1fr', | |
| 198 'grid-rows' : '"first" 250px 1fr 250px "last"', | |
| 199 }, | |
| 200 '#item' : const { | |
| 201 'grid-column' : 'start end', | |
| 202 'grid-row' : 'start end', | |
| 203 }, | |
| 204 }; | |
| 205 } | |
| 206 | |
| 207 class RepeatingColumnsRows { | |
| 208 // selector, properties<propertyName, value> | |
| 209 static final selectors = const { | |
| 210 '#grid' : const { | |
| 211 'display' : '-dart-grid', | |
| 212 'grid-columns' : '10px ("content" 1fr 10px) [4]', | |
| 213 'grid-rows' : '1fr', | |
| 214 }, | |
| 215 '#col2' : const { | |
| 216 'grid-column' : '2', | |
| 217 }, | |
| 218 '#col4' : const { | |
| 219 'grid-column' : '4', | |
| 220 }, | |
| 221 '#col6' : const { | |
| 222 'grid-column' : '6', | |
| 223 }, | |
| 224 '#col8' : const { | |
| 225 'grid-column' : '8', | |
| 226 }, | |
| 227 }; | |
| 228 } | |
| 229 | |
| 230 class AnonymousGridCells { | |
| 231 // selector, properties<propertyName, value> | |
| 232 static final selectors = const { | |
| 233 '#grid' : const { | |
| 234 'display' : '-dart-grid', | |
| 235 'grid-rows' : '"header" auto "main" 1fr "footer" auto', | |
| 236 'grid-columns' : '1fr', | |
| 237 }, | |
| 238 '#header' : const { | |
| 239 'grid-row' : '"header"', | |
| 240 'grid-column' : 'start', | |
| 241 }, | |
| 242 '#main' : const { | |
| 243 'grid-row' : '"main"', | |
| 244 'grid-column' : 'start', | |
| 245 }, | |
| 246 '#footer' : const { | |
| 247 'grid-row' : '"footer"', | |
| 248 'grid-column' : 'start', | |
| 249 }, | |
| 250 }; | |
| 251 } | |
| 252 | |
| 253 class ImplicitColumnsRows { | |
| 254 // selector, properties<propertyName, value> | |
| 255 static final selectors = const { | |
| 256 '#grid' : const { | |
| 257 'display' : '-dart-grid', | |
| 258 'grid-columns' : '20px', | |
| 259 'grid-rows' : '20px', | |
| 260 }, | |
| 261 '#A' : const { | |
| 262 'grid-column' : '1', | |
| 263 'grid-row' : '1', | |
| 264 'grid-column-align' : 'start', | |
| 265 'grid-row-align' : 'start', | |
| 266 }, | |
| 267 '#B' : const { | |
| 268 'grid-column' : '5', | |
| 269 'grid-row' : '1', | |
| 270 'grid-row-span' : '2', | |
| 271 }, | |
| 272 '#C' : const { | |
| 273 'grid-column' : '1', | |
| 274 'grid-row' : '2', | |
| 275 'grid-column-span' : '2', | |
| 276 }, | |
| 277 }; | |
| 278 } | |
| 279 | |
| 280 class AlignGridItems { | |
| 281 // selector, properties<propertyName, value> | |
| 282 static final selectors = const { | |
| 283 '#grid' : const { | |
| 284 'display' : '-dart-grid', | |
| 285 'grid-columns' : '1fr 1fr', | |
| 286 'grid-rows' : '1fr 1fr', | |
| 287 }, | |
| 288 '#A' : const { | |
| 289 'grid-column' : '1', | |
| 290 'grid-row' : '1', | |
| 291 'grid-column-align' : 'start', | |
| 292 'grid-row-align' : 'start', | |
| 293 }, | |
| 294 '#B' : const { | |
| 295 'grid-column' : '2', | |
| 296 'grid-row' : '2', | |
| 297 'grid-column-align' : 'end', | |
| 298 'grid-row-align' : 'end', | |
| 299 }, | |
| 300 }; | |
| 301 } | |
| 302 | |
| 303 class DrawOrderGridItems { | |
| 304 // selector, properties<propertyName, value> | |
| 305 static final selectors = const { | |
| 306 '#grid' : const { | |
| 307 'display' : '-dart-grid', | |
| 308 'grid-columns' : '1fr 1fr', | |
| 309 'grid-rows' : '1fr 1fr', | |
| 310 }, | |
| 311 '#A' : const { | |
| 312 'grid-column' : '1', | |
| 313 'grid-row' : '2', | |
| 314 'grid-column-span' : '2', | |
| 315 'grid-row-align' : 'end', | |
| 316 }, | |
| 317 '#B' : const { | |
| 318 'grid-column' : '1', | |
| 319 'grid-row' : '1', | |
| 320 'grid-layer' : '10', | |
| 321 }, | |
| 322 '#C' : const { | |
| 323 'grid-column' : '2', | |
| 324 'grid-row' : '1', | |
| 325 'grid-row-align' : 'start', | |
| 326 'margin-left' : '-20px', | |
| 327 }, | |
| 328 '#D' : const { | |
| 329 'grid-column' : '2', | |
| 330 'grid-row' : '2', | |
| 331 'grid-column-align' : 'end', | |
| 332 'grid-row-align' : 'start', | |
| 333 }, | |
| 334 '#E' : const { | |
| 335 'grid-column' : '1', | |
| 336 'grid-row' : '1', | |
| 337 'grid-column-span' : '2', | |
| 338 'grid-row-span' : '2', | |
| 339 'grid-layer' : '5', | |
| 340 'grid-column-align' : 'center', | |
| 341 'grid-row-align' : 'center', | |
| 342 }, | |
| 343 }; | |
| 344 } | |
| 345 | |
| 346 class CSS { | |
| 347 // CSS class selectors: | |
| 348 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 10253022:
test rename overhaul: step 13 - samples (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart