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 :host { | 6 :host { |
7 background-color: rgb(66, 133, 244); | 7 display: inline-block; |
| 8 } |
| 9 |
| 10 paper-button { |
| 11 background-color: var(--google-blue-500); |
8 color: white; | 12 color: white; |
9 font-size: 14px; | 13 font-size: 14px; |
10 min-width: 90px; | 14 min-width: 90px; |
11 } | 15 } |
12 | 16 |
13 :host([type='link']), | 17 :host([type='link']) paper-button, |
14 :host([type='dialog']) { | 18 :host([type='dialog']) paper-button { |
15 background-color: transparent; | 19 background-color: transparent; |
16 color: rgb(66, 133, 244); | 20 color: var(--google-blue-500); |
17 margin: 0; | 21 margin: 0; |
18 min-width: 0; | 22 min-width: 0; |
19 } | 23 } |
20 | 24 |
21 :host([type='link']:focus), | 25 :host([type='link']) paper-button[focused], |
22 :host([type='dialog']:focus) { | 26 :host([type='dialog']) paper-button[focused] { |
23 background-color: rgba(66, 133, 244, 0.12); | 27 background-color: rgba(66, 133, 244, 0.12); |
24 } | 28 } |
25 | 29 |
26 :host([type='link']) { | 30 :host([type='link']) paper-button[disabled], |
| 31 :host([type='dialog']) paper-button[disabled] { |
| 32 color: rgb(168,168,168); |
| 33 } |
| 34 |
| 35 :host([type='link']) paper-button { |
27 border-radius: 0; | 36 border-radius: 0; |
28 margin-left: -0.57em; | 37 margin-left: -0.57em; |
29 margin-right: -0.57em; | 38 margin-right: -0.57em; |
30 text-transform: none; | 39 text-transform: none; |
31 } | 40 } |
32 | |
33 | |
OLD | NEW |