From ff84beaadea08dd1b5a0d8dbe1051bbc0e2146a7 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 14 Oct 2021 09:02:00 -0400
Subject: [PATCH] use :enabled

---
 src/components/range/range.styles.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/range/range.styles.ts b/src/components/range/range.styles.ts
index b095372e..f6003b6b 100644
--- a/src/components/range/range.styles.ts
+++ b/src/components/range/range.styles.ts
@@ -53,18 +53,18 @@ export default css`
     cursor: pointer;
   }
 
-  .range__control:not(:disabled)::-webkit-slider-thumb:hover {
+  .range__control:enabled::-webkit-slider-thumb:hover {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
   }
 
-  .range__control:not(:disabled)${focusVisibleSelector}::-webkit-slider-thumb {
+  .range__control:enabled${focusVisibleSelector}::-webkit-slider-thumb {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }
 
-  .range__control:not(:disabled)::-webkit-slider-thumb:active {
+  .range__control:enabled::-webkit-slider-thumb:active {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
     cursor: grabbing;
@@ -101,18 +101,18 @@ export default css`
     cursor: pointer;
   }
 
-  .range__control:not(:disabled)::-moz-range-thumb:hover {
+  .range__control:enabled::-moz-range-thumb:hover {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
   }
 
-  .range__control:not(:disabled)${focusVisibleSelector}::-moz-range-thumb {
+  .range__control:enabled${focusVisibleSelector}::-moz-range-thumb {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }
 
-  .range__control:not(:disabled)::-moz-range-thumb:active {
+  .range__control:enabled::-moz-range-thumb:active {
     background-color: rgb(var(--sl-color-primary-500));
     border-color: rgb(var(--sl-color-primary-500));
     cursor: grabbing;