| 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 |