| 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 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(
0, 0%, 87%)); | 8 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(
0, 0%, 87%)); |
| 9 border: 1px solid hsla(0, 0%, 0%, 0.25); | 9 border: 1px solid hsla(0, 0%, 0%, 0.25); |
| 10 border-radius: 2px; | 10 border-radius: 2px; |
| 11 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); | 11 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); |
| 12 color: hsl(0, 0%, 27%); | 12 color: hsl(0, 0%, 27%); |
| 13 font-size: 12px; | 13 font-size: 12px; |
| 14 margin: 0 1px 0 0; | 14 margin: 0 1px 0 0; |
| 15 text-shadow: 0 1px 0 hsl(0, 0%, 94%); | 15 text-shadow: 0 1px 0 hsl(0, 0%, 94%); |
| 16 min-height: 2em !important; | 16 height: 24px; |
| 17 padding-left: 10px; | 17 padding-left: 10px; |
| 18 padding-right: 10px; | 18 padding-right: 10px; |
| 19 -webkit-user-select: none; | 19 -webkit-user-select: none; |
| 20 flex: none; | 20 flex: none; |
| 21 } | 21 } |
| 22 | 22 |
| 23 :host-context(body.inactive), | 23 :host-context(body.inactive), |
| 24 :host(:disabled) { | 24 :host(:disabled) { |
| 25 background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); | 25 background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); |
| 26 border-color: rgba(80, 80, 80, 0.2); | 26 border-color: rgba(80, 80, 80, 0.2); |
| (...skipping 12 matching lines...) Expand all Loading... |
| 39 background-image: linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(
0, 0%, 84%)); | 39 background-image: linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(
0, 0%, 84%)); |
| 40 box-shadow: none; | 40 box-shadow: none; |
| 41 text-shadow: none; | 41 text-shadow: none; |
| 42 } | 42 } |
| 43 | 43 |
| 44 :host(:not(:disabled):focus) { | 44 :host(:not(:disabled):focus) { |
| 45 -webkit-transition: border-color 200ms; | 45 -webkit-transition: border-color 200ms; |
| 46 border-color: rgb(77, 144, 254); | 46 border-color: rgb(77, 144, 254); |
| 47 outline: none; | 47 outline: none; |
| 48 } | 48 } |
| OLD | NEW |