fix: #2274

saadeghi · Aug 25, 2023 · 260214b · 260214b
1 parent b60cd24
commit 260214b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/styled/swap.css b/src/components/styled/swap.css
@@ -14,13 +14,13 @@
 }
 
 .swap-rotate input:checked ~ .swap-off,
-.swap-rotate.swap-active .swap-off,
+.swap-active:where(.swap-rotate) .swap-off,
 .swap-rotate input:indeterminate ~ .swap-off {
   @apply -rotate-45;
 }
 
 .swap-rotate input:checked ~ .swap-on,
-.swap-rotate.swap-active .swap-on,
+.swap-active:where(.swap-rotate) .swap-on,
 .swap-rotate input:indeterminate ~ .swap-indeterminate {
   @apply rotate-0;
 }
@@ -38,15 +38,15 @@
 }
 
 .swap-flip input:checked ~ .swap-off,
-.swap-flip.swap-active .swap-off,
+.swap-active:where(.swap-flip) .swap-off,
 .swap-flip input:indeterminate ~ .swap-off {
   transform: rotateY(-180deg);
   backface-visibility: hidden;
   @apply opacity-100;
 }
 
 .swap-flip input:checked ~ .swap-on,
-.swap-flip.swap-active .swap-on,
+.swap-active:where(.swap-flip) .swap-on,
 .swap-flip input:indeterminate ~ .swap-indeterminate {
   transform: rotateY(0deg);
 }
diff --git a/src/components/unstyled/swap.css b/src/components/unstyled/swap.css
@@ -17,7 +17,7 @@
 }
 
 .swap input:checked ~ .swap-off,
-.swap.swap-active .swap-off,
+.swap-active .swap-off,
 .swap input:indeterminate ~ .swap-off {
   @apply opacity-0;
 }