matous-volf/todo-baggins
1
0
Fork 0
Code Issues 23 Pull Requests Actions Projects 1 Activity

feat: add style assets

Browse Source
This commit is contained in:
Matouš Volf
2024-08-31 10:44:55 +02:00
parent c08cba9459
commit 765e0a1770
5 changed files with 97 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
assets/styles/input_range.css Normal file
View File

@ -0,0 +1,63 @@
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 {
width: 1.25rem;
height: 1.25rem;
background: rgba(228, 228, 231);
border: 0;
border-radius: 0.5rem;
}
input[type=range]::-moz-range-progress {
background: #525259;
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range]::-moz-range-track {
background: rgba(39, 39, 42, 0.5);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range].input-range-reverse::-moz-range-progress {
background: #2d2d31;
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range].input-range-reverse::-moz-range-track {
background: rgba(113, 113, 122, 0.5);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range]::-webkit-slider-thumb {
width: 1.25rem;
height: 1.25rem;
background: rgba(228, 228, 231);
border: 0;
border-radius: 0.5rem;
position: relative;
top: -0.4rem;
}
input[type=range]::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5);
height: 0.5rem;
border-radius: 0.25rem;
}