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

style: CSS formatting

Browse Source
This commit is contained in:
Matouš Volf 2024-09-05 19:56:10 +02:00
parent fe1837d6a1
commit f226234bfe
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles/input_number_arrows.css
View File

@ -1,10 +1,10 @@
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
display: none; display: none;
-webkit-appearance: none; appearance: none;
margin: 0; margin: 0;
} }
input[type=number] { input[type="number"] {
-moz-appearance:textfield; appearance:textfield;
} }

34
assets/styles/input_range.css
View File

@ -1,63 +1,63 @@
input[type=range], input[type="range"],
input[type=range]::-webkit-slider-runnable-track, input[type="range"]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
appearance: none; appearance: none;
} }
input[type=range] { input[type="range"] {
background: transparent; background: transparent;
} }
input[type=range]::-moz-range-thumb { input[type="range"]::-moz-range-thumb {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
background: rgba(228, 228, 231); background: rgba(228 228 231);
border: 0; border: 0;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
input[type=range]::-moz-range-progress { input[type="range"]::-moz-range-progress {
background: #525259; background: #525259;
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range]::-moz-range-track { input[type="range"]::-moz-range-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-moz-range-progress { input[type="range"].input-range-reverse::-moz-range-progress {
background: #2d2d31; background: #2d2d31;
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-moz-range-track { input[type="range"].input-range-reverse::-moz-range-track {
background: rgba(113, 113, 122, 0.5); background: rgba(113, 113, 122, 0.5);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
background: rgba(228, 228, 231); background: rgba(228 228 231);
border: 0; border: 0;
border-radius: 0.5rem; border-radius: 0.5rem;
position: relative; position: relative;
top: -0.4rem; top: -0.4rem;
} }
input[type=range]::-webkit-slider-runnable-track { input[type="range"]::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-webkit-slider-runnable-track { input[type="range"].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }