Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(16)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.html

Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: add missing files Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html ('k') | third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
117 @apply(--layout-fit); 117 @apply(--layout-fit);
118 } 118 }
119 119
120 #progressContainer, 120 #progressContainer,
121 .indeterminate::after { 121 .indeterminate::after {
122 background: var(--paper-progress-container-color, --google-grey-300); 122 background: var(--paper-progress-container-color, --google-grey-300);
123 } 123 }
124 124
125 :host(.transiting) #primaryProgress, 125 :host(.transiting) #primaryProgress,
126 :host(.transiting) #secondaryProgress { 126 :host(.transiting) #secondaryProgress {
127 -webkit-transition-property: -webkit-transform;
128 transition-property: transform; 127 transition-property: transform;
129 128
130 /* Duration */ 129 /* Duration */
131 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
132 transition-duration: var(--paper-progress-transition-duration, 0.08s); 130 transition-duration: var(--paper-progress-transition-duration, 0.08s);
133 131
134 /* Timing function */ 132 /* Timing function */
135 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);
136 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease); 133 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);
137 134
138 /* Delay */ 135 /* Delay */
139 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
140 transition-delay: var(--paper-progress-transition-delay, 0s); 136 transition-delay: var(--paper-progress-transition-delay, 0s);
141 } 137 }
142 138
143 #primaryProgress, 139 #primaryProgress,
144 #secondaryProgress { 140 #secondaryProgress {
145 @apply(--layout-fit); 141 @apply(--layout-fit);
146 -webkit-transform-origin: left center;
147 transform-origin: left center; 142 transform-origin: left center;
148 -webkit-transform: scaleX(0);
149 transform: scaleX(0); 143 transform: scaleX(0);
150 will-change: transform; 144 will-change: transform;
151 } 145 }
152 146
153 #primaryProgress { 147 #primaryProgress {
154 background: var(--paper-progress-active-color, --google-green-500); 148 background: var(--paper-progress-active-color, --google-green-500);
155 } 149 }
156 150
157 #secondaryProgress { 151 #secondaryProgress {
158 background: var(--paper-progress-secondary-color, --google-green-100); 152 background: var(--paper-progress-secondary-color, --google-green-100);
159 } 153 }
160 154
161 :host([disabled]) #primaryProgress { 155 :host([disabled]) #primaryProgress {
162 background: var(--paper-progress-disabled-active-color, --google-grey-50 0); 156 background: var(--paper-progress-disabled-active-color, --google-grey-50 0);
163 } 157 }
164 158
165 :host([disabled]) #secondaryProgress { 159 :host([disabled]) #secondaryProgress {
166 background: var(--paper-progress-disabled-secondary-color, --google-grey -300); 160 background: var(--paper-progress-disabled-secondary-color, --google-grey -300);
167 } 161 }
168 162
169 :host(:not([disabled])) #primaryProgress.indeterminate { 163 :host(:not([disabled])) #primaryProgress.indeterminate {
170 -webkit-transform-origin: right center;
171 transform-origin: right center; 164 transform-origin: right center;
172 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite;
173 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite; 165 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;
174 } 166 }
175 167
176 :host(:not([disabled])) #primaryProgress.indeterminate::after { 168 :host(:not([disabled])) #primaryProgress.indeterminate::after {
177 content: ""; 169 content: "";
178 -webkit-transform-origin: center center;
179 transform-origin: center center; 170 transform-origin: center center;
180 171
181 -webkit-animation: indeterminate-splitter var(--paper-progress-indetermi nate-cycle-duration, 2s) linear infinite;
182 animation: indeterminate-splitter var(--paper-progress-indeterminate-cyc le-duration, 2s) linear infinite; 172 animation: indeterminate-splitter var(--paper-progress-indeterminate-cyc le-duration, 2s) linear infinite;
183 } 173 }
184 174
185 @-webkit-keyframes indeterminate-bar {
186 0% {
187 -webkit-transform: scaleX(1) translateX(-100%);
188 }
189 50% {
190 -webkit-transform: scaleX(1) translateX(0%);
191 }
192 75% {
193 -webkit-transform: scaleX(1) translateX(0%);
194 -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
195 }
196 100% {
197 -webkit-transform: scaleX(0) translateX(0%);
198 }
199 }
200 175
201 @-webkit-keyframes indeterminate-splitter {
202 0% {
203 -webkit-transform: scaleX(.75) translateX(-125%);
204 }
205 30% {
206 -webkit-transform: scaleX(.75) translateX(-125%);
207 -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
208 }
209 90% {
210 -webkit-transform: scaleX(.75) translateX(125%);
211 }
212 100% {
213 -webkit-transform: scaleX(.75) translateX(125%);
214 }
215 }
216 176
217 @keyframes indeterminate-bar { 177 @keyframes indeterminate-bar {
218 0% { 178 0% {
219 transform: scaleX(1) translateX(-100%); 179 transform: scaleX(1) translateX(-100%);
220 } 180 }
221 50% { 181 50% {
222 transform: scaleX(1) translateX(0%); 182 transform: scaleX(1) translateX(0%);
223 } 183 }
224 75% { 184 75% {
225 transform: scaleX(1) translateX(0%); 185 transform: scaleX(1) translateX(0%);
(...skipping 22 matching lines...) Expand all
248 </style> 208 </style>
249 209
250 <div id="progressContainer"> 210 <div id="progressContainer">
251 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div> 211 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>
252 <div id="primaryProgress"></div> 212 <div id="primaryProgress"></div>
253 </div> 213 </div>
254 </template> 214 </template>
255 </dom-module> 215 </dom-module>
256 216
257 <script src="paper-progress-extracted.js"></script></body></html> 217 <script src="paper-progress-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html ('k') | third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698