OLD | NEW |
1 /* https://github.com/bgrins/spectrum */ | 1 /* https://github.com/bgrins/spectrum */ |
2 .spectrum-container { | 2 .spectrum-container { |
3 position: absolute; | 3 position: absolute; |
4 top: 0; | 4 top: 0; |
5 left: 0; | 5 left: 0; |
6 display: inline-block; | 6 display: inline-block; |
7 background: rgba(230, 230, 230, 1) !important; | 7 background: rgba(230, 230, 230, 1) !important; |
8 border: 1px solid #646464; | 8 border: 1px solid #646464; |
9 padding: 10px; | 9 padding: 10px; |
10 width: 220px; | 10 width: 220px; |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 right: 40px; | 68 right: 40px; |
69 margin: 3px 0 0 0; | 69 margin: 3px 0 0 0; |
70 } | 70 } |
71 | 71 |
72 .spectrum-dragger, | 72 .spectrum-dragger, |
73 .spectrum-slider { | 73 .spectrum-slider { |
74 -webkit-user-select: none; | 74 -webkit-user-select: none; |
75 } | 75 } |
76 | 76 |
77 .spectrum-sat { | 77 .spectrum-sat { |
78 background-image: -webkit-linear-gradient(left, white, rgba(204, 154, 129, 0
)); | 78 background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); |
79 } | 79 } |
80 | 80 |
81 .spectrum-val { | 81 .spectrum-val { |
82 background-image: -webkit-linear-gradient(bottom, black, rgba(204, 154, 129,
0)); | 82 background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); |
83 } | 83 } |
84 | 84 |
85 .spectrum-hue { | 85 .spectrum-hue { |
86 background: -webkit-linear-gradient(bottom, #ff0000 0%, #ffff00 17%, #00ff00
33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 86 background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #0
0ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
87 } | 87 } |
88 | 88 |
89 .spectrum-dragger { | 89 .spectrum-dragger { |
90 border-radius: 5px; | 90 border-radius: 5px; |
91 height: 5px; | 91 height: 5px; |
92 width: 5px; | 92 width: 5px; |
93 border: 1px solid white; | 93 border: 1px solid white; |
94 cursor: pointer; | 94 cursor: pointer; |
95 position: absolute; | 95 position: absolute; |
96 top: 0; | 96 top: 0; |
97 left: 0; | 97 left: 0; |
98 background: black; | 98 background: black; |
99 } | 99 } |
100 | 100 |
101 .spectrum-slider { | 101 .spectrum-slider { |
102 position: absolute; | 102 position: absolute; |
103 top: 0; | 103 top: 0; |
104 cursor: pointer; | 104 cursor: pointer; |
105 border: 1px solid black; | 105 border: 1px solid black; |
106 height: 4px; | 106 height: 4px; |
107 left: -1px; | 107 left: -1px; |
108 right: -1px; | 108 right: -1px; |
109 } | 109 } |
110 | 110 |
111 .spectrum-container .swatch { | 111 .spectrum-container .swatch { |
112 width: 20px; | 112 width: 20px; |
113 height:20px; | 113 height:20px; |
114 margin: 0; | 114 margin: 0; |
115 } | 115 } |
OLD | NEW |