Files
todo-baggins/assets/styles/input_range.css
Matouš Volf c59a7c89d2
All checks were successful
actionlint check / actionlint check (pull_request) Successful in 7s
conventional pull request title check / conventional pull request title check (pull_request) Successful in 4s
conventional commit messages check / conventional commit messages check (pull_request) Successful in 6s
dotenv-linter check / dotenv-linter check (pull_request) Successful in 9s
GitLeaks check / GitLeaks check (pull_request) Successful in 13s
hadolint check / hadolint check (pull_request) Successful in 23s
markdownlint check / markdownlint check (pull_request) Successful in 1m8s
htmlhint check / htmlhint check (pull_request) Successful in 1m14s
Prettier check / Prettier check (pull_request) Successful in 57s
checkov check / checkov check (pull_request) Successful in 1m52s
Stylelint check / Stylelint check (pull_request) Successful in 1m31s
ShellCheck check / ShellCheck check (pull_request) Successful in 2m8s
yamllint check / yamllint check (pull_request) Successful in 1m51s
Rust check / Rust check (pull_request) Successful in 33m36s
feat: UI overhaul
2026-01-29 15:37:18 +01:00

45 lines
991 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;
}