style: CSS formatting

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

View File

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

View File

@ -1,63 +1,63 @@
input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb {
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
appearance: none;
}
input[type=range] {
input[type="range"] {
background: transparent;
}
input[type=range]::-moz-range-thumb {
input[type="range"]::-moz-range-thumb {
width: 1.25rem;
height: 1.25rem;
background: rgba(228, 228, 231);
background: rgba(228 228 231);
border: 0;
border-radius: 0.5rem;
}
input[type=range]::-moz-range-progress {
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);
input[type="range"]::-moz-range-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range].input-range-reverse::-moz-range-progress {
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 {
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 {
input[type="range"]::-webkit-slider-thumb {
width: 1.25rem;
height: 1.25rem;
background: rgba(228, 228, 231);
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);
input[type="range"]::-webkit-slider-runnable-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type=range].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5);
input[type="range"].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}