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

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: Process CSS files too. Created 4 years, 10 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') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')
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 93 matching lines...) Expand 10 before | Expand all | Expand 10 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-color: var(--paper-progress-container-color, --google-grey-30 0);
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;
115 transition-property: transform; 114 transition-property: transform;
116 115
117 /* Duration */ 116 /* Duration */
118 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
119 transition-duration: var(--paper-progress-transition-duration, 0.08s); 117 transition-duration: var(--paper-progress-transition-duration, 0.08s);
120 118
121 /* Timing function */ 119 /* Timing function */
122 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);
123 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease); 120 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);
124 121
125 /* Delay */ 122 /* Delay */
126 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
127 transition-delay: var(--paper-progress-transition-delay, 0s); 123 transition-delay: var(--paper-progress-transition-delay, 0s);
128 } 124 }
129 125
130 #primaryProgress, 126 #primaryProgress,
131 #secondaryProgress { 127 #secondaryProgress {
132 @apply(--layout-fit); 128 @apply(--layout-fit);
133 -webkit-transform-origin: left center;
134 transform-origin: left center; 129 transform-origin: left center;
135 -webkit-transform: scaleX(0);
136 transform: scaleX(0); 130 transform: scaleX(0);
137 will-change: transform; 131 will-change: transform;
138 } 132 }
139 133
140 #primaryProgress { 134 #primaryProgress {
141 background-color: var(--paper-progress-active-color, --google-green-500) ; 135 background-color: var(--paper-progress-active-color, --google-green-500) ;
142 } 136 }
143 137
144 #secondaryProgress { 138 #secondaryProgress {
145 position: relative; 139 position: relative;
146 background-color: var(--paper-progress-secondary-color, --google-green-1 00); 140 background-color: var(--paper-progress-secondary-color, --google-green-1 00);
147 } 141 }
148 142
149 :host([disabled]) #primaryProgress { 143 :host([disabled]) #primaryProgress {
150 background-color: var(--paper-progress-disabled-active-color, --google-g rey-500); 144 background-color: var(--paper-progress-disabled-active-color, --google-g rey-500);
151 } 145 }
152 146
153 :host([disabled]) #secondaryProgress { 147 :host([disabled]) #secondaryProgress {
154 background-color: var(--paper-progress-disabled-secondary-color, --googl e-grey-300); 148 background-color: var(--paper-progress-disabled-secondary-color, --googl e-grey-300);
155 } 149 }
156 150
157 :host(:not([disabled])) #primaryProgress.indeterminate { 151 :host(:not([disabled])) #primaryProgress.indeterminate {
158 -webkit-transform-origin: right center;
159 transform-origin: right center; 152 transform-origin: right center;
160 -webkit-animation: indeterminate-bar 2s linear infinite;
161 animation: indeterminate-bar 2s linear infinite; 153 animation: indeterminate-bar 2s linear infinite;
162 } 154 }
163 155
164 :host(:not([disabled])) #primaryProgress.indeterminate::after { 156 :host(:not([disabled])) #primaryProgress.indeterminate::after {
165 content: ""; 157 content: "";
166 -webkit-transform-origin: center center;
167 transform-origin: center center; 158 transform-origin: center center;
168 159
169 -webkit-animation: indeterminate-splitter 2s linear infinite;
170 animation: indeterminate-splitter 2s linear infinite; 160 animation: indeterminate-splitter 2s linear infinite;
171 } 161 }
172 162
173 @-webkit-keyframes indeterminate-bar {
174 0% {
175 -webkit-transform: scaleX(1) translateX(-100%);
176 }
177 50% {
178 -webkit-transform: scaleX(1) translateX(0%);
179 }
180 75% {
181 -webkit-transform: scaleX(1) translateX(0%);
182 -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
183 }
184 100% {
185 -webkit-transform: scaleX(0) translateX(0%);
186 }
187 }
188 163
189 @-webkit-keyframes indeterminate-splitter {
190 0% {
191 -webkit-transform: scaleX(.75) translateX(-125%);
192 }
193 30% {
194 -webkit-transform: scaleX(.75) translateX(-125%);
195 -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
196 }
197 90% {
198 -webkit-transform: scaleX(.75) translateX(125%);
199 }
200 100% {
201 -webkit-transform: scaleX(.75) translateX(125%);
202 }
203 }
204 164
205 @keyframes indeterminate-bar { 165 @keyframes indeterminate-bar {
206 0% { 166 0% {
207 transform: scaleX(1) translateX(-100%); 167 transform: scaleX(1) translateX(-100%);
208 } 168 }
209 50% { 169 50% {
210 transform: scaleX(1) translateX(0%); 170 transform: scaleX(1) translateX(0%);
211 } 171 }
212 75% { 172 75% {
213 transform: scaleX(1) translateX(0%); 173 transform: scaleX(1) translateX(0%);
(...skipping 22 matching lines...) Expand all
236 </style> 196 </style>
237 197
238 <div id="progressContainer"> 198 <div id="progressContainer">
239 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div> 199 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>
240 <div id="primaryProgress"></div> 200 <div id="primaryProgress"></div>
241 </div> 201 </div>
242 </template> 202 </template>
243 </dom-module> 203 </dom-module>
244 204
245 <script src="paper-progress-extracted.js"></script></body></html> 205 <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') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698