Implement custom Slider component
This inherits from Radix's Slider
This commit is contained in:
parent
a1152e5827
commit
3b3e2d50b3
1 changed files with 3 additions and 3 deletions
|
|
@ -27,12 +27,12 @@
|
||||||
display: block;
|
display: block;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background-color: var(--slider-thumb-bg);
|
background-color: white;
|
||||||
box-shadow: 0 2px 10px var(--slider-thumb-shadow);
|
box-shadow: 0 2px 10px var(--button-bg);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--slider-thumb-bg-hover);
|
background-color: darken(white, 10%);
|
||||||
box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover);
|
box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover);
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue