| 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="../iron-flex-layout/iron-flex-layout.html"> | 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
| (...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 99 } | 99 } |
| 100 | 100 |
| 101 #primaryProgress, | 101 #primaryProgress, |
| 102 #secondaryProgress, | 102 #secondaryProgress, |
| 103 .indeterminate::after { | 103 .indeterminate::after { |
| 104 @apply(--layout-fit); | 104 @apply(--layout-fit); |
| 105 } | 105 } |
| 106 | 106 |
| 107 #progressContainer, | 107 #progressContainer, |
| 108 .indeterminate::after { | 108 .indeterminate::after { |
| 109 background-color: var(--paper-progress-container-color, --google-grey-30
0); | 109 background: var(--paper-progress-container-color, --google-grey-300); |
| 110 } | 110 } |
| 111 | 111 |
| 112 :host(.transiting) #primaryProgress, | 112 :host(.transiting) #primaryProgress, |
| 113 :host(.transiting) #secondaryProgress { | 113 :host(.transiting) #secondaryProgress { |
| 114 -webkit-transition-property: -webkit-transform; | 114 -webkit-transition-property: -webkit-transform; |
| 115 transition-property: transform; | 115 transition-property: transform; |
| 116 | 116 |
| 117 /* Duration */ | 117 /* Duration */ |
| 118 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); | 118 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); |
| 119 transition-duration: var(--paper-progress-transition-duration, 0.08s); | 119 transition-duration: var(--paper-progress-transition-duration, 0.08s); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 131 #secondaryProgress { | 131 #secondaryProgress { |
| 132 @apply(--layout-fit); | 132 @apply(--layout-fit); |
| 133 -webkit-transform-origin: left center; | 133 -webkit-transform-origin: left center; |
| 134 transform-origin: left center; | 134 transform-origin: left center; |
| 135 -webkit-transform: scaleX(0); | 135 -webkit-transform: scaleX(0); |
| 136 transform: scaleX(0); | 136 transform: scaleX(0); |
| 137 will-change: transform; | 137 will-change: transform; |
| 138 } | 138 } |
| 139 | 139 |
| 140 #primaryProgress { | 140 #primaryProgress { |
| 141 background-color: var(--paper-progress-active-color, --google-green-500)
; | 141 background: var(--paper-progress-active-color, --google-green-500); |
| 142 } | 142 } |
| 143 | 143 |
| 144 #secondaryProgress { | 144 #secondaryProgress { |
| 145 position: relative; | 145 background: var(--paper-progress-secondary-color, --google-green-100); |
| 146 background-color: var(--paper-progress-secondary-color, --google-green-1
00); | |
| 147 } | 146 } |
| 148 | 147 |
| 149 :host([disabled]) #primaryProgress { | 148 :host([disabled]) #primaryProgress { |
| 150 background-color: var(--paper-progress-disabled-active-color, --google-g
rey-500); | 149 background: var(--paper-progress-disabled-active-color, --google-grey-50
0); |
| 151 } | 150 } |
| 152 | 151 |
| 153 :host([disabled]) #secondaryProgress { | 152 :host([disabled]) #secondaryProgress { |
| 154 background-color: var(--paper-progress-disabled-secondary-color, --googl
e-grey-300); | 153 background: var(--paper-progress-disabled-secondary-color, --google-grey
-300); |
| 155 } | 154 } |
| 156 | 155 |
| 157 :host(:not([disabled])) #primaryProgress.indeterminate { | 156 :host(:not([disabled])) #primaryProgress.indeterminate { |
| 158 -webkit-transform-origin: right center; | 157 -webkit-transform-origin: right center; |
| 159 transform-origin: right center; | 158 transform-origin: right center; |
| 160 -webkit-animation: indeterminate-bar 2s linear infinite; | 159 -webkit-animation: indeterminate-bar 2s linear infinite; |
| 161 animation: indeterminate-bar 2s linear infinite; | 160 animation: indeterminate-bar 2s linear infinite; |
| 162 } | 161 } |
| 163 | 162 |
| 164 :host(:not([disabled])) #primaryProgress.indeterminate::after { | 163 :host(:not([disabled])) #primaryProgress.indeterminate::after { |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 236 </style> | 235 </style> |
| 237 | 236 |
| 238 <div id="progressContainer"> | 237 <div id="progressContainer"> |
| 239 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat
io)]]"></div> | 238 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat
io)]]"></div> |
| 240 <div id="primaryProgress"></div> | 239 <div id="primaryProgress"></div> |
| 241 </div> | 240 </div> |
| 242 </template> | 241 </template> |
| 243 </dom-module> | 242 </dom-module> |
| 244 | 243 |
| 245 <script src="paper-progress-extracted.js"></script></body></html> | 244 <script src="paper-progress-extracted.js"></script></body></html> |
| OLD | NEW |