From 643df41d09d3a1d159adbb1f2cf3cefa26002bc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 15 Nov 2021 23:44:29 +0200
Subject: [PATCH] Spinning css

---
 src/assets/icons/list.svg             | 13 +++++++------
 src/assets/styles/common-loading.scss | 16 ++++++++++++++++
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/assets/icons/list.svg b/src/assets/icons/list.svg
index 69b8634..ab4457d 100644
--- a/src/assets/icons/list.svg
+++ b/src/assets/icons/list.svg
@@ -1,13 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>status</title>
-    <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Styleguide-Actions" transform="translate(-979.000000, -294.000000)" fill="#283241" fill-rule="nonzero">
+<svg height="14px" version="1.1" viewBox="0 0 14 14" width="14px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd" id="Styleguide" stroke="none" stroke-width="1">
+        <g fill="#283241" fill-rule="nonzero" id="Styleguide-Actions" transform="translate(-979.000000, -294.000000)">
             <g id="list" transform="translate(969.000000, 284.000000)">
                 <g id="list-view" transform="translate(10.000000, 10.000000)">
-                    <path d="M0,0 L0,14 L14,14 L14,0 L0,0 Z M8.4,1.4 L8.4,12.6 L5.6,12.6 L5.6,1.4 L8.4,1.4 Z M1.4,1.4 L4.2,1.4 L4.2,12.6 L1.4,12.6 L1.4,1.4 Z M9.8,12.6 L9.8,1.4 L12.6,1.4 L12.6,12.6 L9.8,12.6 Z" transform="translate(7.000000, 7.000000) scale(-1, 1) rotate(90.000000) translate(-7.000000, -7.000000) "></path>
+                    <path
+                        d="M0,0 L0,14 L14,14 L14,0 L0,0 Z M8.4,1.4 L8.4,12.6 L5.6,12.6 L5.6,1.4 L8.4,1.4 Z M1.4,1.4 L4.2,1.4 L4.2,12.6 L1.4,12.6 L1.4,1.4 Z M9.8,12.6 L9.8,1.4 L12.6,1.4 L12.6,12.6 L9.8,12.6 Z"
+                        transform="translate(7.000000, 7.000000) scale(-1, 1) rotate(90.000000) translate(-7.000000, -7.000000) "></path>
                 </g>
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/styles/common-loading.scss b/src/assets/styles/common-loading.scss
index ac53e50..dfe3f11 100644
--- a/src/assets/styles/common-loading.scss
+++ b/src/assets/styles/common-loading.scss
@@ -21,3 +21,19 @@
         text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 #283241;
     }
 }
+
+.spinning {
+    animation-name: spin;
+    animation-duration: 5000ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}