Files
todo-baggins/assets/styles/input_range.css
Matouš Volf eb6f7e7a1c
Some checks failed
actionlint check / actionlint check (pull_request) Successful in 6s
conventional pull request title check / conventional pull request title check (pull_request) Successful in 6s
conventional commit messages check / conventional commit messages check (pull_request) Successful in 8s
dotenv-linter check / dotenv-linter check (pull_request) Successful in 10s
GitLeaks check / GitLeaks check (pull_request) Successful in 13s
hadolint check / hadolint check (pull_request) Successful in 18s
Prettier check / Prettier check (pull_request) Successful in 41s
htmlhint check / htmlhint check (pull_request) Successful in 57s
markdownlint check / markdownlint check (pull_request) Successful in 50s
checkov check / checkov check (pull_request) Successful in 1m38s
ShellCheck check / ShellCheck check (pull_request) Successful in 32s
Stylelint check / Stylelint check (pull_request) Successful in 32s
yamllint check / yamllint check (pull_request) Successful in 31s
Rust check / Rust check (pull_request) Has been cancelled
feat: UI overhaul
2026-01-29 15:10:06 +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;
}