| 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 |