Files
todo-baggins/assets/styles/input_range.css
Matouš Volf 9a401293dd
Some checks failed
actionlint check / actionlint check (pull_request) Successful in 7s
conventional pull request title check / conventional pull request title check (pull_request) Successful in 3s
conventional commit messages check / conventional commit messages check (pull_request) Successful in 7s
dotenv-linter check / dotenv-linter check (pull_request) Successful in 7s
GitLeaks check / GitLeaks check (pull_request) Successful in 10s
hadolint check / hadolint check (pull_request) Successful in 10s
htmlhint check / htmlhint check (pull_request) Successful in 28s
markdownlint check / markdownlint check (pull_request) Successful in 30s
Prettier check / Prettier check (pull_request) Failing after 27s
checkov check / checkov check (pull_request) Successful in 1m22s
Stylelint check / Stylelint check (pull_request) Failing after 34s
ShellCheck check / ShellCheck check (pull_request) Successful in 37s
yamllint check / yamllint check (pull_request) Successful in 22s
Rust check / Rust check (pull_request) Has been cancelled
feat: UI overhaul
2026-01-28 19:36:00 +01:00

41 lines
983 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;
cursor: pointer;
}
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;
}