mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 10:14:29 -07:00
51 lines
822 B
CSS
51 lines
822 B
CSS
|
.main {
|
||
|
|
position: relative;
|
||
|
|
width: 15rem;
|
||
|
|
padding: 0.375rem 0;
|
||
|
|
box-shadow: 0 0 0 1px green;
|
||
|
|
cursor: grab;
|
||
|
|
}
|
||
|
|
|
||
|
|
.moving {
|
||
|
|
cursor: grabbing;
|
||
|
|
}
|
||
|
|
|
||
|
|
.handle {
|
||
|
|
background-color: rgba(255, 255, 255, 0.05);
|
||
|
|
box-shadow:
|
||
|
|
rgba(0, 0, 0, 0.15) 0 0 0 1px,
|
||
|
|
rgba(0, 0, 0, 0.05) 0 10px 10px -5px;
|
||
|
|
height: 1.25rem;
|
||
|
|
width: 1.25rem;
|
||
|
|
border-radius: 9999px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0rem;
|
||
|
|
cursor: grab;
|
||
|
|
border: 0.25rem solid white;
|
||
|
|
left: -0.625rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.moving .handle,
|
||
|
|
.handle:active {
|
||
|
|
cursor: grabbing;
|
||
|
|
}
|
||
|
|
|
||
|
|
.background {
|
||
|
|
border-radius: 0.125rem;
|
||
|
|
background-color: white;
|
||
|
|
height: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hue {
|
||
|
|
background-image: linear-gradient(
|
||
|
|
to right,
|
||
|
|
rgb(255, 0, 0),
|
||
|
|
rgb(255, 255, 0),
|
||
|
|
rgb(0, 255, 0),
|
||
|
|
rgb(0, 255, 255),
|
||
|
|
rgb(0, 0, 255),
|
||
|
|
rgb(255, 0, 255),
|
||
|
|
rgb(255, 0, 0)
|
||
|
|
);
|
||
|
|
}
|