chore(slider): forced-color-adjusts go in forced-colors media query

adobe · Oct 27, 2023 · 50e7fe7 · 50e7fe7
1 parent cb33dfd
commit 50e7fe7
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/components/slider/index.css b/components/slider/index.css
@@ -579,7 +579,10 @@ governing permissions and limitations under the License.
 
     &::before {
       box-shadow: 0 0 0 var(--spectrum-focus-indicator-thickness) var(--highcontrast-slider-handle-focus-ring-color-key-focus, var(--mod-slider-handle-focus-ring-color-key-focus, var(--spectrum-slider-handle-focus-ring-color-key-focus)));
-      forced-color-adjust: none;
+
+      @media (forced-colors: active) {
+        forced-color-adjust: none;
+      }
     }
   }
 
@@ -594,8 +597,10 @@ governing permissions and limitations under the License.
   .spectrum-Slider-handle {
     box-shadow: 0 0 0 var(--spectrum-slider-handle-gap) var(--highcontrast-slider-ramp-handle-border-color-active, var(--mod-sectrum-slider-ramp-handle-border-color-active, var(--spectrum-slider-ramp-handle-border-color-active)));
     background: var(--mod-slider-ramp-handle-background-color, var(--highcontrast-slider-ramp-handle-background-color, var(--spectrum-slider-ramp-handle-background-color)));
-    /* forced-color-adjust required to ensure the "circle" around the handle is transparent */
-    forced-color-adjust: none;
+    @media (forced-colors: active) {
+      /* forced-color-adjust required to ensure the "circle" around the handle is transparent */
+      forced-color-adjust: none;
+    }
   }
 }