From b9b61ba37be8861a4f42b1aeaef4c6f4adb0ea27 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 02:45:04 -0700
Subject: [PATCH] Remove keyframes.scss

Unfortunately, CSS modules makes it unreasonably difficult to have a central repository of CSS animations and reuse them, so we have copied these into the stylesheets of components that use them.
---
 styles/keyframes.scss | 102 ------------------------------------------
 1 file changed, 102 deletions(-)
 delete mode 100644 styles/keyframes.scss

diff --git a/styles/keyframes.scss b/styles/keyframes.scss
deleted file mode 100644
index 2f790492..00000000
--- a/styles/keyframes.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes openModalDesktop {
-  0% {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-
-  100% {
-    // opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes slideUp {
-  0% {
-    opacity: 0;
-    transform: translate(0%, 100%);
-  }
-
-  100% {
-    transform: translate(0, 5%);
-  }
-}
-
-@keyframes slideLeft {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-@keyframes slideRight {
-  from {
-    transform: translateX(var(--radix-toast-swipe-end-x));
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-@keyframes fadeInFilter {
-  from {
-    backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(0);
-  }
-
-  to {
-    backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(1);
-  }
-}
-
-@keyframes scaleIn {
-  0% {
-    opacity: 0;
-    transform: scale(0);
-  }
-  20% {
-    opacity: 0.2;
-    transform: scale(0.4);
-  }
-  40% {
-    opacity: 0.4;
-    transform: scale(0.8);
-  }
-  60% {
-    opacity: 0.6;
-    transform: scale(1);
-  }
-  65% {
-    opacity: 0.65;
-    transform: scale(1.1);
-  }
-  70% {
-    opacity: 0.7;
-    transform: scale(1);
-  }
-  75% {
-    opacity: 0.75;
-    transform: scale(0.98);
-  }
-  80% {
-    opacity: 0.8;
-    transform: scale(1.02);
-  }
-  90% {
-    opacity: 0.9;
-    transform: scale(0.96);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}