From 955e17196aaadba259380f650ed9f47045ecde2a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 19 Feb 2023 16:33:18 +0100
Subject: [PATCH] Moved the lds style into the spinner.sass style

---
 client/src/common/styles/spinner.sass | 51 +++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 client/src/common/styles/spinner.sass

diff --git a/client/src/common/styles/spinner.sass b/client/src/common/styles/spinner.sass
new file mode 100644
index 00000000..bdaa6f25
--- /dev/null
+++ b/client/src/common/styles/spinner.sass
@@ -0,0 +1,51 @@
+@import "colors"
+
+.lds-ellipsis
+  display: inline-block
+  position: relative
+  width: 80px
+  height: 80px
+
+.lds-ellipsis div
+  position: absolute
+  top: 33px
+  width: 13px
+  height: 13px
+  border-radius: 50%
+  background: $white
+  animation-timing-function: cubic-bezier(0, 1, 1, 0)
+
+.lds-ellipsis div:nth-child(1)
+  left: 8px
+  animation: lds-ellipsis1 0.6s infinite
+
+.lds-ellipsis div:nth-child(2)
+  left: 8px
+  animation: lds-ellipsis2 0.6s infinite
+
+.lds-ellipsis div:nth-child(3)
+  left: 32px
+  animation: lds-ellipsis2 0.6s infinite
+
+.lds-ellipsis div:nth-child(4)
+  left: 56px
+  animation: lds-ellipsis3 0.6s infinite
+
+@keyframes lds-ellipsis1
+  0%
+    transform: scale(0)
+  100%
+    transform: scale(1)
+
+@keyframes lds-ellipsis3
+  0%
+    transform: scale(1)
+  100%
+    transform: scale(0)
+
+
+@keyframes lds-ellipsis2
+  0%
+    transform: translate(0, 0)
+  100%
+    transform: translate(24px, 0)
\ No newline at end of file