Connect the range slider

2025-06-04 12:49:32 -05:00
parent 68ac1f80ec
commit 80b1ac8cc9
4 changed files with 43 additions and 30 deletions
@@ -20,6 +20,8 @@
 }

 .knob__slider {
+  --hover-size: 0;
+
  appearance: none;
  background-color: transparent;
  block-size: var(--knob-size);
@@ -37,6 +39,8 @@
  &::-webkit-slider-thumb {
    appearance: none;
    background-color: transparent;
+    height: 1px;
+    width: 1px;
  }
 }

@@ -60,6 +64,10 @@
    color: var(--knob-color-accent);
  }

+  &:has(:focus-visible) {
+    box-shadow: 0 0 0 2px var(--knob-color);
+  }
+
  /* Tick marks */
  &:before {
    background-color: var(--knob-color);