| OLD | NEW |
| 1 /* https://github.com/bgrins/spectrum */ | 1 /* https://github.com/bgrins/spectrum */ |
| 2 :host { | 2 :host { |
| 3 width: 232px; | 3 width: 232px; |
| 4 height: 240px; | 4 height: 240px; |
| 5 -webkit-user-select: none; | 5 -webkit-user-select: none; |
| 6 } | 6 } |
| 7 | 7 |
| 8 :host(.palettes-enabled) { | 8 :host(.palettes-enabled) { |
| 9 height: 319px; | 9 height: 319px; |
| 10 } | 10 } |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 44 width: 130px; | 44 width: 130px; |
| 45 height: 11px; | 45 height: 11px; |
| 46 border-radius: 2px; | 46 border-radius: 2px; |
| 47 } | 47 } |
| 48 | 48 |
| 49 .spectrum-dragger, | 49 .spectrum-dragger, |
| 50 .spectrum-slider { | 50 .spectrum-slider { |
| 51 -webkit-user-select: none; | 51 -webkit-user-select: none; |
| 52 } | 52 } |
| 53 | 53 |
| 54 .spectrum-sat { | 54 .spectrum-sat, |
| 55 .-theme-preserve { |
| 55 background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); | 56 background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); |
| 56 } | 57 } |
| 57 | 58 |
| 58 .spectrum-val { | 59 .spectrum-val, |
| 60 .-theme-preserve { |
| 59 background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); | 61 background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); |
| 60 } | 62 } |
| 61 | 63 |
| 62 .spectrum-hue { | 64 .spectrum-hue { |
| 63 background: linear-gradient(to left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #
00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 65 background: linear-gradient(to left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #
00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 64 } | 66 } |
| 65 | 67 |
| 66 .spectrum-dragger { | 68 .spectrum-dragger { |
| 67 border-radius: 12px; | 69 border-radius: 12px; |
| 68 height: 12px; | 70 height: 12px; |
| (...skipping 316 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 385 | 387 |
| 386 .delete-color-toolbar.dragging { | 388 .delete-color-toolbar.dragging { |
| 387 visibility: visible; | 389 visibility: visible; |
| 388 animation: showDeleteToolbar 100ms 150ms cubic-bezier(0, 0, 0.2, 1) backward
s; | 390 animation: showDeleteToolbar 100ms 150ms cubic-bezier(0, 0, 0.2, 1) backward
s; |
| 389 } | 391 } |
| 390 | 392 |
| 391 .delete-color-toolbar-active { | 393 .delete-color-toolbar-active { |
| 392 background-color: #ddd; | 394 background-color: #ddd; |
| 393 color: white; | 395 color: white; |
| 394 } | 396 } |
| OLD | NEW |