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

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: 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.html ('k') | third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.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 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
81 `--paper-input-container-color` | Label and underline color when the input is no t focused | `--secondary-text-color` 81 `--paper-input-container-color` | Label and underline color when the input is no t focused | `--secondary-text-color`
82 `--paper-input-container-focus-color` | Label and underline color when the input is focused | `--primary-color` 82 `--paper-input-container-focus-color` | Label and underline color when the input is focused | `--primary-color`
83 `--paper-input-container-invalid-color` | Label and underline color when the inp ut is is invalid | `--error-color` 83 `--paper-input-container-invalid-color` | Label and underline color when the inp ut is is invalid | `--error-color`
84 `--paper-input-container-input-color` | Input foreground color | `--primary-text -color` 84 `--paper-input-container-input-color` | Input foreground color | `--primary-text -color`
85 `--paper-input-container` | Mixin applied to the container | `{}` 85 `--paper-input-container` | Mixin applied to the container | `{}`
86 `--paper-input-container-disabled` | Mixin applied to the container when it's di sabled | `{}` 86 `--paper-input-container-disabled` | Mixin applied to the container when it's di sabled | `{}`
87 `--paper-input-container-label` | Mixin applied to the label | `{}` 87 `--paper-input-container-label` | Mixin applied to the label | `{}`
88 `--paper-input-container-label-focus` | Mixin applied to the label when the inpu t is focused | `{}` 88 `--paper-input-container-label-focus` | Mixin applied to the label when the inpu t is focused | `{}`
89 `--paper-input-container-label-floating` | Mixin applied to the label when float ing | `{}` 89 `--paper-input-container-label-floating` | Mixin applied to the label when float ing | `{}`
90 `--paper-input-container-input` | Mixin applied to the input | `{}` 90 `--paper-input-container-input` | Mixin applied to the input | `{}`
91 `--paper-input-container-input-webkit-spinner` | Mixin applied to the webkit spi nner | `{}`
92 `--paper-input-container-underline` | Mixin applied to the underline | `{}` 91 `--paper-input-container-underline` | Mixin applied to the underline | `{}`
93 `--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}` 92 `--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}`
94 `--paper-input-container-underline-disabled` | Mixin applied to the underline wh en the input is disabled | `{}` 93 `--paper-input-container-underline-disabled` | Mixin applied to the underline wh en the input is disabled | `{}`
95 `--paper-input-prefix` | Mixin applied to the input prefix | `{}` 94 `--paper-input-prefix` | Mixin applied to the input prefix | `{}`
96 `--paper-input-suffix` | Mixin applied to the input suffix | `{}` 95 `--paper-input-suffix` | Mixin applied to the input suffix | `{}`
97 96
98 This element is `display:block` by default, but you can set the `inline` attribu te to make it 97 This element is `display:block` by default, but you can set the `inline` attribu te to make it
99 `display:inline-block`. 98 `display:inline-block`.
100 --> 99 -->
101 100
(...skipping 29 matching lines...) Expand all
131 .underline { 130 .underline {
132 height: 2px; 131 height: 2px;
133 position: relative; 132 position: relative;
134 } 133 }
135 134
136 .focused-line { 135 .focused-line {
137 @apply(--layout-fit); 136 @apply(--layout-fit);
138 137
139 border-bottom: 2px solid var(--paper-input-container-focus-color, --prim ary-color); 138 border-bottom: 2px solid var(--paper-input-container-focus-color, --prim ary-color);
140 139
141 -webkit-transform-origin: center center;
142 transform-origin: center center; 140 transform-origin: center center;
143 -webkit-transform: scale3d(0,1,1);
144 transform: scale3d(0,1,1); 141 transform: scale3d(0,1,1);
145 142
146 @apply(--paper-input-container-underline-focus); 143 @apply(--paper-input-container-underline-focus);
147 } 144 }
148 145
149 .underline.is-highlighted .focused-line { 146 .underline.is-highlighted .focused-line {
150 -webkit-transform: none;
151 transform: none; 147 transform: none;
152 -webkit-transition: -webkit-transform 0.25s;
153 transition: transform 0.25s; 148 transition: transform 0.25s;
154 149
155 @apply(--paper-transition-easing); 150 @apply(--paper-transition-easing);
156 } 151 }
157 152
158 .underline.is-invalid .focused-line { 153 .underline.is-invalid .focused-line {
159 border-color: var(--paper-input-container-invalid-color, --error-color); 154 border-color: var(--paper-input-container-invalid-color, --error-color);
160 -webkit-transform: none;
161 transform: none; 155 transform: none;
162 -webkit-transition: -webkit-transform 0.25s;
163 transition: transform 0.25s; 156 transition: transform 0.25s;
164 157
165 @apply(--paper-transition-easing); 158 @apply(--paper-transition-easing);
166 } 159 }
167 160
168 .unfocused-line { 161 .unfocused-line {
169 @apply(--layout-fit); 162 @apply(--layout-fit);
170 163
171 border-bottom: 1px solid var(--paper-input-container-color, --secondary- text-color); 164 border-bottom: 1px solid var(--paper-input-container-color, --secondary- text-color);
172 165
(...skipping 24 matching lines...) Expand all
197 190
198 .input-content ::content label, 191 .input-content ::content label,
199 .input-content ::content .paper-input-label { 192 .input-content ::content .paper-input-label {
200 position: absolute; 193 position: absolute;
201 top: 0; 194 top: 0;
202 right: 0; 195 right: 0;
203 left: 0; 196 left: 0;
204 width: 100%; 197 width: 100%;
205 font: inherit; 198 font: inherit;
206 color: var(--paper-input-container-color, --secondary-text-color); 199 color: var(--paper-input-container-color, --secondary-text-color);
207 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
208 transition: transform 0.25s, width 0.25s; 200 transition: transform 0.25s, width 0.25s;
209 -webkit-transform-origin: left top;
210 transform-origin: left top; 201 transform-origin: left top;
211 202
212 @apply(--paper-font-common-nowrap); 203 @apply(--paper-font-common-nowrap);
213 @apply(--paper-font-subhead); 204 @apply(--paper-font-subhead);
214 @apply(--paper-input-container-label); 205 @apply(--paper-input-container-label);
215 @apply(--paper-transition-easing); 206 @apply(--paper-transition-easing);
216 } 207 }
217 208
218 .input-content.label-is-floating ::content label, 209 .input-content.label-is-floating ::content label,
219 .input-content.label-is-floating ::content .paper-input-label { 210 .input-content.label-is-floating ::content .paper-input-label {
220 -webkit-transform: translateY(-75%) scale(0.75);
221 transform: translateY(-75%) scale(0.75); 211 transform: translateY(-75%) scale(0.75);
222 212
223 /* Since we scale to 75/100 of the size, we actually have 100/75 of the 213 /* Since we scale to 75/100 of the size, we actually have 100/75 of the
224 original space now available */ 214 original space now available */
225 width: 133%; 215 width: 133%;
226 216
227 @apply(--paper-input-container-label-floating); 217 @apply(--paper-input-container-label-floating);
228 } 218 }
229 219
230 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l, 220 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l,
231 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label { 221 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label {
232 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion 222 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion
233 * actually makes 223 * actually makes
234 * it wider on the right side, not left side, as you would expect in RTL */ 224 * it wider on the right side, not left side, as you would expect in RTL */
235 width: 100%; 225 width: 100%;
236 -webkit-transform-origin: right top;
237 transform-origin: right top; 226 transform-origin: right top;
238 } 227 }
239 228
240 .input-content.label-is-highlighted ::content label, 229 .input-content.label-is-highlighted ::content label,
241 .input-content.label-is-highlighted ::content .paper-input-label { 230 .input-content.label-is-highlighted ::content .paper-input-label {
242 color: var(--paper-input-container-focus-color, --primary-color); 231 color: var(--paper-input-container-focus-color, --primary-color);
243 232
244 @apply(--paper-input-container-label-focus); 233 @apply(--paper-input-container-label-focus);
245 } 234 }
246 235
(...skipping 21 matching lines...) Expand all
268 border: none; 257 border: none;
269 color: var(--paper-input-container-input-color, --primary-text-color); 258 color: var(--paper-input-container-input-color, --primary-text-color);
270 -webkit-appearance: none; 259 -webkit-appearance: none;
271 text-align: inherit; 260 text-align: inherit;
272 vertical-align: bottom; 261 vertical-align: bottom;
273 262
274 @apply(--paper-font-subhead); 263 @apply(--paper-font-subhead);
275 @apply(--paper-input-container-input); 264 @apply(--paper-input-container-input);
276 } 265 }
277 266
278 .input-content ::content input::-webkit-outer-spin-button,
279 .input-content ::content input::-webkit-inner-spin-button {
280 @apply(--paper-input-container-input-webkit-spinner);
281 } 267 }
282 268
283 ::content [prefix] { 269 ::content [prefix] {
284 @apply(--paper-font-subhead); 270 @apply(--paper-font-subhead);
285 271
286 @apply(--paper-input-prefix); 272 @apply(--paper-input-prefix);
287 @apply(--layout-flex-none); 273 @apply(--layout-flex-none);
288 } 274 }
289 275
290 ::content [suffix] { 276 ::content [suffix] {
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
335 <div class="focused-line"></div> 321 <div class="focused-line"></div>
336 </div> 322 </div>
337 323
338 <div class$="[[_computeAddOnContentClass(focused,invalid)]]"> 324 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">
339 <content id="addOnContent" select="[add-on]"></content> 325 <content id="addOnContent" select="[add-on]"></content>
340 </div> 326 </div>
341 </template> 327 </template>
342 </dom-module> 328 </dom-module>
343 329
344 <script src="paper-input-container-extracted.js"></script></body></html> 330 <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') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698