45 lines
No EOL
1 KiB
Stylus
45 lines
No EOL
1 KiB
Stylus
.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-drag
|
|
display none
|
|
border 1px solid white
|
|
border-radius 10px
|
|
position absolute
|
|
top 0px
|
|
left 0px
|
|
.inner
|
|
position relative
|
|
width 100%
|
|
height 100%
|
|
border 1px solid black
|
|
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-drag
|
|
display none
|
|
position absolute
|
|
top 0px
|
|
left 0px
|
|
width 100%
|
|
border 1px solid black |