From 074fc672900cb569e530ce6edbceb0a086150fa1 Mon Sep 17 00:00:00 2001
From: Kyle Gunger <kgunger12@gmail.com>
Date: Tue, 19 Nov 2024 02:10:49 -0500
Subject: Refactor most Widget Parameters into setId rather than private
 variables

---
 styles/widgets.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'styles/widgets.css')

diff --git a/styles/widgets.css b/styles/widgets.css
index b143743..c3e6f67 100644
--- a/styles/widgets.css
+++ b/styles/widgets.css
@@ -1,4 +1,4 @@
-input {
+.widget > input {
     opacity: 0;
     display: none;
     content: "";
@@ -404,7 +404,7 @@ input {
 .color-temp {
     width: var(--base-unit);
     height: calc(3 * var(--base-unit));
-    background: linear-gradient(rgb(190, 200, 255), white 30%, rgb(250, 160, 100));
+    background: linear-gradient(rgb(190, 200, 255), white 15%, rgb(250, 160, 100));
     --side-color: #aaa;
     overflow: unset;
 }
@@ -412,7 +412,7 @@ input {
 .color-temp.h {
     height: var(--base-unit);
     width: calc(3 * var(--base-unit));
-    background: linear-gradient(to left, rgb(190, 200, 255), white 30%, rgb(250, 160, 100));
+    background: linear-gradient(to left, rgb(190, 200, 255), white 15%, rgb(250, 160, 100));
 }
 
 .color-light {
@@ -635,6 +635,7 @@ input {
 
     bottom: calc(50% - (var(--base-unit) - 10px) / 2 + (50% * var(--percent)));
     left: calc(50% - (var(--base-unit) - 10px) / 2);
+    transition-duration: 0.15s;
 }
 
 .scrubber.h > .fill::before {
@@ -642,7 +643,11 @@ input {
     bottom: calc(50% - (var(--base-unit) - 10px) / 2);
 }
 
-
 .scrubber:hover > .fill::before, .scrubber.touch > .fill::before {
+    background-color: var(--w-scr-nub-hover);
+}
+
+.scrubber:active > .fill::before, .scrubber.touch > .fill::before {
     background-color: var(--w-scr-nub-active);
+    transition-duration: 0s;
 }
\ No newline at end of file
-- 
cgit v1.2.3