| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 :host { | 7 :host { |
| 8 margin: 2px; | 8 margin: 2px; |
| 9 height: 24px; | 9 height: 24px; |
| 10 font-size: 12px; | 10 font-size: 12px; |
| 11 border: 1px solid rgba(0, 0, 0, 0.2); | 11 border: 1px solid rgba(0, 0, 0, 0.2); |
| 12 border-radius: 2px; | 12 border-radius: 2px; |
| 13 padding: 3px 12px; | 13 padding: 3px 12px; |
| 14 font-weight: 500; | 14 font-weight: 500; |
| 15 color: #333; | 15 color: #333; |
| 16 background-color: #fff; | 16 background-color: #fff; |
| 17 flex: none; | 17 flex: none; |
| 18 white-space: nowrap; |
| 18 } | 19 } |
| 19 | 20 |
| 20 :host(:not(:disabled):focus), | 21 :host(:not(:disabled):focus), |
| 21 :host(:not(:disabled):hover), | 22 :host(:not(:disabled):hover), |
| 22 :host(:not(:disabled):active) { | 23 :host(:not(:disabled):active) { |
| 23 background-color: #fafafa; | 24 background-color: #fafafa; |
| 24 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); | 25 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
| 25 cursor: pointer; | 26 cursor: pointer; |
| 26 } | 27 } |
| 27 | 28 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); | 60 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
| 60 } | 61 } |
| 61 | 62 |
| 62 :host-context(.-theme-with-dark-background):host(:not(.primary-button):not(:disa
bled):focus) { | 63 :host-context(.-theme-with-dark-background):host(:not(.primary-button):not(:disa
bled):focus) { |
| 63 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(94, 151, 246, 0.6); | 64 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(94, 151, 246, 0.6); |
| 64 } | 65 } |
| 65 | 66 |
| 66 :host-context(.-theme-with-dark-background):host(:not(.primary-button):not(:disa
bled):active) { | 67 :host-context(.-theme-with-dark-background):host(:not(.primary-button):not(:disa
bled):active) { |
| 67 background-color: #3e3e3e; | 68 background-color: #3e3e3e; |
| 68 } | 69 } |
| OLD | NEW |