Remove duplicate keyframe definitions and optimize loader styles

PalisadoesFoundation · Dec 24, 2024 · 39a9466 · 39a9466
1 parent a15d8c0
commit 39a9466
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -17,7 +17,8 @@
   --table-head-bg: var(--bs-primary, blue);
   --table-head-bg: var(
     --bs-primary,
-    blue
+    blue --loader-size: 10em; --loader-border-width: 1.1em; --loader-color:
+      #febc59;
   ); /* Assuming var(--bs-primary) is defined elsewhere */
 
   --table-head-color: white;
@@ -1736,8 +1737,8 @@ button[data-testid='createPostBtn'] {
 .loader,
 .loader:after {
   border-radius: 50%;
-  width: 10em;
-  height: 10em;
+  width: var(--loader-size);
+  height: var(--loader-size);
 }
 .loader {
   margin: 60px auto;
@@ -1755,16 +1756,6 @@ button[data-testid='createPostBtn'] {
   -webkit-animation: load8 1.1s infinite linear;
   animation: load8 1.1s infinite linear;
 }
-@-webkit-keyframes load8 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 @keyframes load8 {
   0% {
     -webkit-transform: rotate(0deg);