fix(l-heading): theming selectors specifity

emdgroup-liquid · Oct 25, 2021 · 81d1b27 · 81d1b27
1 parent 13f88b2
commit 81d1b27
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/liquid/components/ld-heading/ld-heading.global.css b/src/liquid/components/ld-heading/ld-heading.global.css
@@ -8,22 +8,22 @@ ld-heading[visual-level*='b'],
 .ld-heading--xb1,
 .ld-heading--xb2,
 .ld-heading--xb3 {
-  .ld-theme-ocean :where(&),
-  [class*='ld-theme'] .ld-theme-ocean :where(&) {
+  :where(.ld-theme-ocean &),
+  :where([class*='ld-theme'] .ld-theme-ocean &) {
     color: var(--ld-col-rb-default);
   }
 
-  .ld-theme-solvent :where(&),
-  [class*='ld-theme'] .ld-theme-solvent :where(&),
-  .ld-theme-bubblegum :where(&),
-  [class*='ld-theme'] .ld-theme-bubblegum :where(&),
-  .ld-theme-shake :where(&),
-  [class*='ld-theme'] .ld-theme-shake :where(&) {
+  :where(.ld-theme-solvent &),
+  :where([class*='ld-theme'] .ld-theme-solvent &),
+  :where(.ld-theme-bubblegum &),
+  :where([class*='ld-theme'] .ld-theme-bubblegum &),
+  :where(.ld-theme-shake &),
+  :where([class*='ld-theme'] .ld-theme-shake &) {
     color: var(--ld-col-rp-default);
   }
 
-  .ld-theme-tea :where(&),
-  [class*='ld-theme'] .ld-theme-tea :where(&) {
+  :where(.ld-theme-tea &),
+  :where([class*='ld-theme'] .ld-theme-tea &) {
     color: var(--ld-col-rg-default);
   }
 }