Fix specificity issue in color slider thumb (#3849)

adobe · Dec 14, 2022 · c8d98a4 · c8d98a4
1 parent 38d44a4
commit c8d98a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/@adobe/spectrum-css-temp/components/colorslider/index.css b/packages/@adobe/spectrum-css-temp/components/colorslider/index.css
@@ -52,6 +52,10 @@
 
   cursor: default;
 
+  .spectrum-ColorSlider-handle.spectrum-ColorSlider-handle {
+    margin: 0;
+  }
+
   /* The checkerboard is a separate element so that the gradient is overlaid on top. */
   &:before {
     content: "";

diff --git a/packages/@adobe/spectrum-css-temp/components/colorslider/skin.css b/packages/@adobe/spectrum-css-temp/components/colorslider/skin.css
@@ -20,10 +20,6 @@
     background: var(--spectrum-colorslider-fill-color-disabled) !important;
     box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size) var(--spectrum-colorslider-border-color-disabled);
   }
-
-  .spectrum-ColorSlider-handle {
-    margin: 0;
-  }
 }
 
 @media (forced-colors: active) {
@@ -34,4 +30,4 @@
     --spectrum-colorslider-border-color: ButtonText;
     --spectrum-colorarea-border-color: ButtonText;
   }
-}
+}