| OLD | NEW |
| (Empty) | |
| 1 /** |
| 2 * @license |
| 3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 4 * This code may only be used under the BSD style license found at http://polyme
r.github.io/LICENSE.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/CON
TRIBUTORS.txt |
| 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/PA
TENTS.txt |
| 9 */ |
| 10 |
| 11 (function() { |
| 12 'use strict'; |
| 13 // It's desireable to provide a default stylesheet |
| 14 // that's convenient for styling unresolved elements, but |
| 15 // it's cumbersome to have to include this manually in every page. |
| 16 // It would make sense to put inside some HTMLImport but |
| 17 // the HTMLImports polyfill does not allow loading of stylesheets |
| 18 // that block rendering. Therefore this injection is tolerated here. |
| 19 // |
| 20 // NOTE: position: relative fixes IE's failure to inherit opacity |
| 21 // when a child is not statically positioned. |
| 22 var style = document.createElement('style'); |
| 23 style.textContent = '' |
| 24 + 'body {' |
| 25 + 'transition: opacity ease-in 0.2s;' |
| 26 + ' } \n' |
| 27 + 'body[unresolved] {' |
| 28 + 'opacity: 0; display: block; overflow: hidden; position: relative;' |
| 29 + ' } \n' |
| 30 ; |
| 31 var head = document.querySelector('head'); |
| 32 head.insertBefore(style, head.firstChild); |
| 33 |
| 34 })(); |
| OLD | NEW |