| 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 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../paper-styles/paper-styles.html"> | 10 <link rel="import" href="../paper-styles/paper-styles.html"> |
| (...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 99 #secondaryProgress, | 99 #secondaryProgress, |
| 100 .indeterminate:after { | 100 .indeterminate:after { |
| 101 @apply(--layout-fit); | 101 @apply(--layout-fit); |
| 102 } | 102 } |
| 103 | 103 |
| 104 #progressContainer, | 104 #progressContainer, |
| 105 .indeterminate:after { | 105 .indeterminate:after { |
| 106 background-color: var(--paper-progress-container-color, --google-grey-300)
; | 106 background-color: var(--paper-progress-container-color, --google-grey-300)
; |
| 107 } | 107 } |
| 108 | 108 |
| 109 :host(.transiting) > * { | 109 :host(.transiting) #primaryProgress, |
| 110 :host(.transiting) #secondaryProgress { |
| 110 -webkit-transition-property: -webkit-transform; | 111 -webkit-transition-property: -webkit-transform; |
| 111 transition-property: transform; | 112 transition-property: transform; |
| 112 | 113 |
| 113 /* Duration */ | 114 /* Duration */ |
| 114 -webkit-transition-duration: var(--paper-progress-transition-duration, 0.0
8s); | 115 -webkit-transition-duration: var(--paper-progress-transition-duration, 0.0
8s); |
| 115 transition-duration: var(--paper-progress-transition-duration, 0.08s); | 116 transition-duration: var(--paper-progress-transition-duration, 0.08s); |
| 116 | 117 |
| 117 /* Timing function */ | 118 /* Timing function */ |
| 118 -webkit-transition-timing-function: var(--paper-progress-transition-timing
-function, ease); | 119 -webkit-transition-timing-function: var(--paper-progress-transition-timing
-function, ease); |
| 119 transition-timing-function: var(--paper-progress-transition-timing-functio
n, ease); | 120 transition-timing-function: var(--paper-progress-transition-timing-functio
n, ease); |
| (...skipping 112 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 232 </style> | 233 </style> |
| 233 <template> | 234 <template> |
| 234 <div id="progressContainer"> | 235 <div id="progressContainer"> |
| 235 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat
io)]]"></div> | 236 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat
io)]]"></div> |
| 236 <div id="primaryProgress"></div> | 237 <div id="primaryProgress"></div> |
| 237 </div> | 238 </div> |
| 238 </template> | 239 </template> |
| 239 </dom-module> | 240 </dom-module> |
| 240 | 241 |
| 241 <script src="paper-progress-extracted.js"></script></body></html> | 242 <script src="paper-progress-extracted.js"></script></body></html> |
| OLD | NEW |