OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 paper-input-decorator /deep/ .unfocused-underline { | 6 :host { |
7 background-color: rgb(212, 212, 212); | 7 display: block; |
8 } | 8 } |
9 | 9 |
10 paper-input-decorator /deep/ .focused-underline { | 10 paper-input-container { |
11 background-color: rgb(66, 133, 244); | 11 --paper-input-container-color: rgb(212, 212, 212); |
| 12 --paper-input-container-focus-color: var(--google-blue-500); |
| 13 --paper-input-container-input { |
| 14 font-size: 15px; |
| 15 }; |
| 16 --paper-input-container-input-color: rgba(0, 0, 0, 0.87); |
| 17 --paper-input-container-label: { |
| 18 color: rgba(0, 0, 0, 0.54); |
| 19 font-size: 15px; |
| 20 }; |
12 } | 21 } |
13 | 22 |
14 paper-input-decorator /deep/ ::-webkit-input-placeholder, | 23 paper-input-container { |
15 paper-input-decorator /deep/ .label-text { | |
16 color: rgba(0, 0, 0, 0.54) !important; | |
17 } | |
18 | |
19 paper-input-decorator { | |
20 color: rgba(0, 0, 0, 0.87); | |
21 font-size: 15px; | |
22 padding: 0; | 24 padding: 0; |
23 } | 25 } |
24 | 26 |
25 :host-context(html[dir=rtl]) input { | 27 :host-context(html[dir=rtl]) input { |
26 flex-direction: row-reverse; | 28 flex-direction: row-reverse; |
27 } | 29 } |
28 | 30 |
29 #domainLabel { | 31 #domainLabel { |
30 color: rgba(0, 0, 0, 0.54); | 32 color: rgba(0, 0, 0, 0.54); |
31 direction: ltr; | 33 direction: ltr; |
32 width: auto; | 34 width: auto; |
33 } | 35 } |
34 | 36 |
OLD | NEW |