40 lines
964 B
CSS
40 lines
964 B
CSS
input[type="range"],
|
|
input[type="range"]::-webkit-slider-runnable-track,
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
appearance: none;
|
|
}
|
|
|
|
input[type="range"] {
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-thumb, input[type="range"]::-webkit-slider-thumb {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
background: var(--color-gray-400);
|
|
filter: drop-shadow(0 var(--spacing) 0 var(--color-gray-500));
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
position: relative;
|
|
top: -9px;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-track, input[type="range"]::-webkit-slider-runnable-track {
|
|
background: var(--color-gray-800-muted);
|
|
height: 0.5rem;
|
|
filter: drop-shadow(0 calc(0px - var(--spacing)) 0 var(--color-gray-900-muted));
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-track {
|
|
transform: translateY(3px);
|
|
}
|
|
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
position: relative;
|
|
top: 3px;
|
|
}
|