From f35ec700f7c2c29bac8d4ee14a9a243d011a4348 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 24 Dec 2024 16:03:53 +0100
Subject: [PATCH] Remove shimmer

---
 .../onboarding/create-project/loading.svelte  | 88 +------------------
 1 file changed, 4 insertions(+), 84 deletions(-)

diff --git a/src/routes/(console)/onboarding/create-project/loading.svelte b/src/routes/(console)/onboarding/create-project/loading.svelte
index 183b03c60..5b2f053b8 100644
--- a/src/routes/(console)/onboarding/create-project/loading.svelte
+++ b/src/routes/(console)/onboarding/create-project/loading.svelte
@@ -184,8 +184,11 @@
         flex-direction: column;
         align-items: center;
         gap: 15px;
-        margin-bottom: 50px;
         transition: opacity 0.5s var(--animation-type);
+
+        @media (min-width: 768px) {
+            margin-bottom: 50px;
+        }
     }
     .start-animation .static-loader {
         opacity: 0;
@@ -435,87 +438,4 @@
             grid-column-start: 7;
         }
     }
-
-    .shimmer {
-        text-align: center;
-        color: rgba(255, 255, 255, 0.1);
-        background: -webkit-gradient(
-            linear,
-            left top,
-            right top,
-            from(#222),
-            to(#222),
-            color-stop(0.5, #fff)
-        );
-        background: -moz-gradient(
-            linear,
-            left top,
-            right top,
-            from(#222),
-            to(#222),
-            color-stop(0.5, #fff)
-        );
-        background: gradient(
-            linear,
-            left top,
-            right top,
-            from(#222),
-            to(#222),
-            color-stop(0.5, #fff)
-        );
-        -webkit-background-size: 125px 100%;
-        -moz-background-size: 125px 100%;
-        background-size: 125px 100%;
-        -webkit-background-clip: text;
-        -moz-background-clip: text;
-        background-clip: text;
-        -webkit-animation-name: shimmer;
-        -moz-animation-name: shimmer;
-        animation-name: shimmer;
-        -webkit-animation-duration: 2s;
-        -moz-animation-duration: 2s;
-        animation-duration: 2s;
-        -webkit-animation-iteration-count: infinite;
-        -moz-animation-iteration-count: infinite;
-        animation-iteration-count: infinite;
-        background-repeat: no-repeat;
-        background-position: 0 0;
-        background-color: #222;
-    }
-
-    @-moz-keyframes shimmer {
-        0% {
-            background-position: top left;
-        }
-        100% {
-            background-position: top right;
-        }
-    }
-
-    @-webkit-keyframes shimmer {
-        0% {
-            background-position: top left;
-        }
-        100% {
-            background-position: top right;
-        }
-    }
-
-    @-o-keyframes shimmer {
-        0% {
-            background-position: top left;
-        }
-        100% {
-            background-position: top right;
-        }
-    }
-
-    @keyframes shimmer {
-        0% {
-            background-position: top left;
-        }
-        100% {
-            background-position: top right;
-        }
-    }
 </style>