| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright 2016 The Chromium Authors. All rights reserved. | |
| 3 * Use of this source code is governed by a BSD-style license that can be | |
| 4 * found in the LICENSE file. | |
| 5 */ | |
| 6 | |
| 7 :host { | |
| 8 -webkit-user-select: none; | |
| 9 padding: 4px 12px 12px 12px; | |
| 10 } | |
| 11 | |
| 12 .shadow-editor-field { | |
| 13 height: 24px; | |
| 14 margin-top: 8px; | |
| 15 font-size: 12px; | |
| 16 } | |
| 17 | |
| 18 .shadow-editor-blur-field { | |
| 19 height: 24px; | |
| 20 margin-top: 40px; | |
| 21 font-size: 12px; | |
| 22 } | |
| 23 | |
| 24 .shadow-editor-2D-slider { | |
| 25 position: absolute; | |
| 26 height: 88px; | |
| 27 width: 88px; | |
| 28 border: 1px solid rgba(0, 0, 0, 0.14); | |
| 29 border-radius: 2px; | |
| 30 } | |
| 31 | |
| 32 .shadow-editor-label { | |
| 33 display: inline-block; | |
| 34 width: 52px; | |
| 35 height: 24px; | |
| 36 line-height: 24px; | |
| 37 margin-right: 8px; | |
| 38 text-align: right; | |
| 39 } | |
| 40 | |
| 41 .shadow-editor-button-left, .shadow-editor-button-right { | |
| 42 width: 74px; | |
| 43 height: 24px; | |
| 44 padding: 3px 7px; | |
| 45 line-height: 16px; | |
| 46 border: 1px solid rgba(0, 0, 0, 0.14); | |
| 47 background-color: #ffffff; | |
| 48 text-align: center; | |
| 49 } | |
| 50 | |
| 51 .shadow-editor-button-left { | |
| 52 border-radius: 2px 0 0 2px; | |
| 53 } | |
| 54 | |
| 55 .shadow-editor-button-right { | |
| 56 border-radius: 0 2px 2px 0; | |
| 57 border-left-width: 0; | |
| 58 } | |
| 59 | |
| 60 .shadow-editor-button-left:hover, .shadow-editor-button-right:hover { | |
| 61 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
| 62 } | |
| 63 | |
| 64 .shadow-editor-button-left:focus, .shadow-editor-button-right:focus { | |
| 65 background-color: #eeeeee; | |
| 66 } | |
| 67 | |
| 68 .shadow-editor-button-left.enabled, .shadow-editor-button-right.enabled, -theme-
preserve { | |
| 69 background-color: #4285F4; | |
| 70 color: #ffffff; | |
| 71 } | |
| 72 | |
| 73 .shadow-editor-button-left.enabled:focus, .shadow-editor-button-right.enabled:fo
cus, -theme-preserve { | |
| 74 background-color: #3B78E7; | |
| 75 } | |
| 76 | |
| 77 .shadow-editor-text-input { | |
| 78 -webkit-appearance: none; | |
| 79 box-sizing: border-box; | |
| 80 width: 52px; | |
| 81 height: 24px; | |
| 82 margin-right: 8px; | |
| 83 padding: 3px 7px; | |
| 84 line-height: 16px; | |
| 85 border: 1px solid rgba(0, 0, 0, 0.14); | |
| 86 border-radius: 2px; | |
| 87 background-color: #ffffff; | |
| 88 color: #333; | |
| 89 text-align: right; | |
| 90 } | |
| 91 | |
| 92 .shadow-editor-text-input:focus, -theme-preserve { | |
| 93 border-color: #4285F4; | |
| 94 } | |
| 95 | |
| 96 .shadow-editor-text-input.invalid:not(:focus) { | |
| 97 border-color: #E67C73; | |
| 98 } | |
| OLD | NEW |