fix(CounterLabel): reduce specificity of nested selectors

primer · Oct 11, 2024 · 729bc35 · 729bc35
1 parent 799ead8
commit 729bc35
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/react/src/CounterLabel/CounterLabel.module.css b/packages/react/src/CounterLabel/CounterLabel.module.css
@@ -9,17 +9,17 @@
   /* stylelint-disable-next-line primer/borders */
   border-radius: 20px;
 
-  &[data-scheme='primary'] {
+  &:where([data-scheme='primary']) {
     color: var(--fgColor-onEmphasis);
     background-color: var(--bgColor-neutral-emphasis);
   }
 
-  &[data-scheme='secondary'] {
+  &:where([data-scheme='secondary']) {
     color: var(--fgColor-default);
     background-color: var(--bgColor-neutral-muted);
   }
 
-  &:empty {
+  &:where(:empty) {
     display: none;
   }
 }