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 |