From ce9fb80558fe4298a36387e35d50b1ddec6c9c32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Fri, 21 Jun 2024 14:27:43 +0200
Subject: [PATCH] :paperclip: Remove unused css for loader

---
 .../common/dependencies/animations.scss       | 43 -------------------
 .../styles/main/partials/loader.scss          | 33 --------------
 2 files changed, 76 deletions(-)

diff --git a/frontend/resources/styles/common/dependencies/animations.scss b/frontend/resources/styles/common/dependencies/animations.scss
index 06f610df1..ea30c21e1 100644
--- a/frontend/resources/styles/common/dependencies/animations.scss
+++ b/frontend/resources/styles/common/dependencies/animations.scss
@@ -71,49 +71,6 @@
   animation-name: fadeInDown;
 }
 
-// Loader animation
-@keyframes pen1 {
-  0% {
-    transform: translateY(0px);
-  }
-
-  15% {
-    transform: translateY(-10px);
-  }
-
-  30% {
-    transform: translateY(0px);
-  }
-}
-
-@keyframes pen2 {
-  30% {
-    transform: translateY(0px);
-  }
-
-  45% {
-    transform: translateY(-10px);
-  }
-
-  60% {
-    transform: translateY(0px);
-  }
-}
-
-@keyframes pen3 {
-  60% {
-    transform: translateY(0px);
-  }
-
-  75% {
-    transform: translateY(-10px);
-  }
-
-  90% {
-    transform: translateY(0px);
-  }
-}
-
 @keyframes loaderColor {
   0% {
     fill: #513b56;
diff --git a/frontend/resources/styles/main/partials/loader.scss b/frontend/resources/styles/main/partials/loader.scss
index 14021d07e..14154849d 100644
--- a/frontend/resources/styles/main/partials/loader.scss
+++ b/frontend/resources/styles/main/partials/loader.scss
@@ -1,36 +1,3 @@
-// full width BG
-.loader-content {
-  align-items: center;
-  background-color: rgba(255, 255, 255, 0.85);
-  display: flex;
-  height: 100vh;
-  justify-content: center;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 40;
-}
-
-// full with loader CSS
-svg#loader-icon {
-  height: 100px;
-  width: 100px;
-  animation: loaderColor 5s infinite ease;
-}
-
-#loader-pen1 {
-  animation: pen1 2s infinite ease;
-}
-
-#loader-pen2 {
-  animation: pen2 2s infinite ease;
-}
-
-#loader-pen3 {
-  animation: pen3 2s infinite ease;
-}
-
 // btn pencil loader
 svg#loader-pencil {
   fill: var(--color-accent-tertiary);