Merge pull request #123 from CodeSpace-Academy/implement-loading-state-#84

Implement loading state #84

Author: KagisoLegodi

app/components/Loader.js

@@ -1,23 +1,44 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
 :root {
   --background: #ffffff;
   --foreground: #171717;
 }
+
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
   }
 }
+
 body {
   color: var(--foreground);
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
 }
+
 @layer utilities {
   .text-balance {
     text-wrap: balance;
   }
-}
+
+  .pulse {
+    @apply animate-pulse;
+  }
+
+  @keyframes pulse {
+    0%, 100% {
+      transform: scale(1);
+    }
+    50% {
+      transform: scale(1.3);
+    }
+  }
+
+  .animate-pulse {
+    animation: pulse 1.5s infinite;
+  }
+}