From f226234bfe5a78ce2ec7d33b91ede7d3ecb31c14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matou=C5=A1=20Volf?= Date: Thu, 5 Sep 2024 19:56:10 +0200 Subject: [PATCH] style: CSS formatting --- assets/styles/input_number_arrows.css | 6 ++--- assets/styles/input_range.css | 34 +++++++++++++-------------- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/assets/styles/input_number_arrows.css b/assets/styles/input_number_arrows.css index 7c952dc..4330152 100644 --- a/assets/styles/input_number_arrows.css +++ b/assets/styles/input_number_arrows.css @@ -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; } diff --git a/assets/styles/input_range.css b/assets/styles/input_range.css index 4c56e50..53013c5 100644 --- a/assets/styles/input_range.css +++ b/assets/styles/input_range.css @@ -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; }