56 lines
1.2 KiB
Text
56 lines
1.2 KiB
Text
.color-picker,
|
|
.color-picker *,
|
|
.cp-saturation-spectrum,
|
|
.cp-saturation-spectrum *,
|
|
.cp-hue-spectrum,
|
|
.cp-hue-spectrum * {
|
|
box-sizing: border-box;
|
|
}
|
|
.cp-saturation-spectrum,
|
|
.cp-hue-spectrum {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.cp-saturation-white,
|
|
.cp-saturation-black {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.cp-saturation-white {
|
|
background: linear-gradient(to right, #fff, rgba(204,154,129,0));
|
|
}
|
|
.cp-saturation-black {
|
|
background: linear-gradient(to top, #000, rgba(204,154,129,0));
|
|
}
|
|
.cp-saturation-spectrum {
|
|
cursor: pointer;
|
|
}
|
|
.cp-saturation-spectrum .cp-saturation-drag {
|
|
display: none;
|
|
border: 1px solid #fff;
|
|
border-radius: 10px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
.cp-saturation-spectrum .cp-saturation-drag .inner {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid #000;
|
|
border-radius: 10px;
|
|
}
|
|
.cp-hue-spectrum {
|
|
background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
|
|
cursor: pointer;
|
|
}
|
|
.cp-hue-spectrum .cp-hue-drag {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
border: 1px solid #000;
|
|
}
|
|
|