OLD | NEW |
1 <!-- | 1 <!-- |
2 @license | 2 @license |
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
9 --> | 9 --> |
10 | 10 |
11 <link rel="import" href="../polymer/polymer.html"> | 11 <link rel="import" href="../polymer/polymer.html"> |
12 | 12 |
| 13 <style> |
| 14 /* IE 10 support for HTML5 hidden attr */ |
| 15 [hidden] { |
| 16 display: none !important; |
| 17 } |
| 18 </style> |
| 19 |
13 <style is="custom-style"> | 20 <style is="custom-style"> |
14 | |
15 :root { | 21 :root { |
16 | 22 |
17 --layout: { | 23 --layout: { |
18 display: -ms-flexbox; | 24 display: -ms-flexbox; |
19 display: -webkit-flex; | 25 display: -webkit-flex; |
20 display: flex; | 26 display: flex; |
21 }; | 27 }; |
22 | 28 |
23 --layout-inline: { | 29 --layout-inline: { |
24 display: -ms-inline-flexbox; | 30 display: -ms-inline-flexbox; |
(...skipping 245 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
270 left: 0; | 276 left: 0; |
271 }; | 277 }; |
272 | 278 |
273 --layout-scroll: { | 279 --layout-scroll: { |
274 -webkit-overflow-scrolling: touch; | 280 -webkit-overflow-scrolling: touch; |
275 overflow: auto; | 281 overflow: auto; |
276 }; | 282 }; |
277 | 283 |
278 /* fixed position */ | 284 /* fixed position */ |
279 | 285 |
280 --layout-fixed-bottom:, | |
281 --layout-fixed-left:, | |
282 --layout-fixed-right:, | |
283 --layout-fixed-top: { | 286 --layout-fixed-top: { |
284 position: fixed; | 287 position: fixed; |
285 }; | |
286 | |
287 --layout-fixed-top: { | |
288 top: 0; | 288 top: 0; |
289 left: 0; | 289 left: 0; |
290 right: 0; | 290 right: 0; |
291 }; | 291 }; |
292 | 292 |
293 --layout-fixed-right: { | 293 --layout-fixed-right: { |
| 294 position: fixed; |
294 top: 0; | 295 top: 0; |
295 right: 0; | 296 right: 0; |
296 bottom: 0; | 297 bottom: 0; |
297 }; | 298 }; |
298 | 299 |
299 --layout-fixed-bottom: { | 300 --layout-fixed-bottom: { |
| 301 position: fixed; |
300 right: 0; | 302 right: 0; |
301 bottom: 0; | 303 bottom: 0; |
302 left: 0; | 304 left: 0; |
303 }; | 305 }; |
304 | 306 |
305 --layout-fixed-left: { | 307 --layout-fixed-left: { |
| 308 position: fixed; |
306 top: 0; | 309 top: 0; |
307 bottom: 0; | 310 bottom: 0; |
308 left: 0; | 311 left: 0; |
309 }; | 312 }; |
310 | 313 |
311 } | 314 } |
312 | 315 |
313 </style> | 316 </style> |
OLD | NEW |