Merge pull request #12 from lirbre/prefix-to-prevent-keyframe-overriding

add a prefix to prevent overwriting keyframes
emilkowalski · Feb 24, 2023 · 380805e · 380805e
2 parents 09ecc88 + 3776a07
commit 380805e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -115,7 +115,7 @@
 [data-sonner-toast][data-promise='true'] [data-icon] > svg {
   opacity: 0;
   transform: scale(0.8);
-  animation: fade-in 300ms ease forwards;
+  animation: sonner-fade-in 300ms ease forwards;
 }
 
 [data-sonner-toast] [data-icon] > * {
@@ -407,7 +407,7 @@
 }
 
 .sonner-loading-wrapper[data-visible='false'] {
-  animation: fade-out 0.2s ease forwards;
+  animation: sonner-fade-out 0.2s ease forwards;
 }
 
 .sonner-spinner {
@@ -419,7 +419,7 @@
 }
 
 .sonner-loading-bar {
-  animation: spin 1.2s linear infinite;
+  animation: sonner-spin 1.2s linear infinite;
   background: var(--gray11);
   border-radius: 6px;
   height: 8%;
@@ -490,7 +490,7 @@
   transform: rotate(330deg) translate(146%);
 }
 
-@keyframes fade-in {
+@keyframes sonner-fade-in {
   0% {
     opacity: 0;
     transform: scale(0.8);
@@ -501,7 +501,7 @@
   }
 }
 
-@keyframes fade-out {
+@keyframes sonner-fade-out {
   0% {
     opacity: 1;
     transform: scale(1);
@@ -512,7 +512,7 @@
   }
 }
 
-@keyframes spin {
+@keyframes sonner-spin {
   0% {
     opacity: 1;
   }