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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.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.html ('k') | third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.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 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
118 118
119 .underline { 119 .underline {
120 position: relative; 120 position: relative;
121 } 121 }
122 122
123 .focused-line { 123 .focused-line {
124 @apply(--layout-fit); 124 @apply(--layout-fit);
125 125
126 background: var(--paper-input-container-focus-color, --default-primary-c olor); 126 background: var(--paper-input-container-focus-color, --default-primary-c olor);
127 height: 2px; 127 height: 2px;
128 -webkit-transform-origin: center center;
129 transform-origin: center center; 128 transform-origin: center center;
130 -webkit-transform: scale3d(0,1,1);
131 transform: scale3d(0,1,1); 129 transform: scale3d(0,1,1);
132 130
133 @apply(--paper-input-container-underline-focus); 131 @apply(--paper-input-container-underline-focus);
134 } 132 }
135 133
136 .underline.is-highlighted .focused-line { 134 .underline.is-highlighted .focused-line {
137 -webkit-transform: none;
138 transform: none; 135 transform: none;
139 -webkit-transition: -webkit-transform 0.25s;
140 transition: transform 0.25s; 136 transition: transform 0.25s;
141 137
142 @apply(--paper-transition-easing); 138 @apply(--paper-transition-easing);
143 } 139 }
144 140
145 .underline.is-invalid .focused-line { 141 .underline.is-invalid .focused-line {
146 background: var(--paper-input-container-invalid-color, --google-red-500) ; 142 background: var(--paper-input-container-invalid-color, --google-red-500) ;
147 -webkit-transform: none;
148 transform: none; 143 transform: none;
149 -webkit-transition: -webkit-transform 0.25s;
150 transition: transform 0.25s; 144 transition: transform 0.25s;
151 145
152 @apply(--paper-transition-easing); 146 @apply(--paper-transition-easing);
153 } 147 }
154 148
155 .unfocused-line { 149 .unfocused-line {
156 @apply(--layout-fit); 150 @apply(--layout-fit);
157 151
158 height: 1px; 152 height: 1px;
159 background: var(--paper-input-container-color, --secondary-text-color); 153 background: var(--paper-input-container-color, --secondary-text-color);
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
193 font: inherit; 187 font: inherit;
194 color: var(--paper-input-container-color, --secondary-text-color); 188 color: var(--paper-input-container-color, --secondary-text-color);
195 189
196 @apply(--paper-font-common-nowrap); 190 @apply(--paper-font-common-nowrap);
197 @apply(--paper-font-subhead); 191 @apply(--paper-font-subhead);
198 @apply(--paper-input-container-label); 192 @apply(--paper-input-container-label);
199 } 193 }
200 194
201 .input-content.label-is-floating ::content label, 195 .input-content.label-is-floating ::content label,
202 .input-content.label-is-floating ::content .paper-input-label { 196 .input-content.label-is-floating ::content .paper-input-label {
203 -webkit-transform: translateY(-75%) scale(0.75);
204 transform: translateY(-75%) scale(0.75); 197 transform: translateY(-75%) scale(0.75);
205 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
206 transition: transform 0.25s, width 0.25s; 198 transition: transform 0.25s, width 0.25s;
207 -webkit-transform-origin: left top;
208 transform-origin: left top; 199 transform-origin: left top;
209 200
210 /* Since we scale to 75/100 of the size, we actually have 100/75 of the 201 /* Since we scale to 75/100 of the size, we actually have 100/75 of the
211 original space now available */ 202 original space now available */
212 width: 133%; 203 width: 133%;
213 204
214 @apply(--paper-transition-easing); 205 @apply(--paper-transition-easing);
215 @apply(--paper-input-container-label-floating); 206 @apply(--paper-input-container-label-floating);
216 } 207 }
217 208
218 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l, 209 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l,
219 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label { 210 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label {
220 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion 211 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion
221 * actually makes 212 * actually makes
222 * it wider on the right side, not left side, as you would expect in RTL */ 213 * it wider on the right side, not left side, as you would expect in RTL */
223 width: 100%; 214 width: 100%;
224 -webkit-transform-origin: right top;
225 transform-origin: right top; 215 transform-origin: right top;
226 } 216 }
227 217
228 .input-content.label-is-highlighted ::content label, 218 .input-content.label-is-highlighted ::content label,
229 .input-content.label-is-highlighted ::content .paper-input-label { 219 .input-content.label-is-highlighted ::content .paper-input-label {
230 color: var(--paper-input-container-focus-color, --default-primary-color) ; 220 color: var(--paper-input-container-focus-color, --default-primary-color) ;
231 221
232 @apply(--paper-input-container-label-focus); 222 @apply(--paper-input-container-label-focus);
233 } 223 }
234 224
(...skipping 13 matching lines...) Expand all
248 .input-content ::content .paper-input-input { 238 .input-content ::content .paper-input-input {
249 position: relative; /* to make a stacking context */ 239 position: relative; /* to make a stacking context */
250 outline: none; 240 outline: none;
251 box-shadow: none; 241 box-shadow: none;
252 padding: 0; 242 padding: 0;
253 width: 100%; 243 width: 100%;
254 max-width: 100%; 244 max-width: 100%;
255 background: transparent; 245 background: transparent;
256 border: none; 246 border: none;
257 color: var(--paper-input-container-input-color, --primary-text-color); 247 color: var(--paper-input-container-input-color, --primary-text-color);
258 -webkit-appearance: none;
259 text-align: inherit; 248 text-align: inherit;
260 249
261 @apply(--paper-font-subhead); 250 @apply(--paper-font-subhead);
262 @apply(--paper-input-container-input); 251 @apply(--paper-input-container-input);
263 } 252 }
264 253
265 ::content [prefix] { 254 ::content [prefix] {
266 @apply(--paper-font-subhead); 255 @apply(--paper-font-subhead);
267 @apply(--paper-input-prefix); 256 @apply(--paper-input-prefix);
268 @apply(--layout-flex-none); 257 @apply(--layout-flex-none);
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
315 <div class="focused-line"></div> 304 <div class="focused-line"></div>
316 </div> 305 </div>
317 306
318 <div class$="[[_computeAddOnContentClass(focused,invalid)]]"> 307 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">
319 <content id="addOnContent" select="[add-on]"></content> 308 <content id="addOnContent" select="[add-on]"></content>
320 </div> 309 </div>
321 </template> 310 </template>
322 </dom-module> 311 </dom-module>
323 312
324 <script src="paper-input-container-extracted.js"></script></body></html> 313 <script src="paper-input-container-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html ('k') | third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.html » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698