diff options
Diffstat (limited to 'styles/widgets.css')
| -rw-r--r-- | styles/widgets.css | 13 |
1 files changed, 9 insertions, 4 deletions
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 |