Created the Background styles.sass

2023-11-18 17:40:37 +01:00 · 2023-11-18 17:40:37 +01:00 · e456a3fc2a
commit e456a3fc2a
parent 77e2b3f5c3
1 changed files with 26 additions and 0 deletions
--- a/client/src/common/components/Background/styles.sass
+++ b/client/src/common/components/Background/styles.sass
@ -0,0 +1,26 @@
+@import "@styles/colors"
+
+.background svg
+  position: absolute
+  animation: moveUp 40s ease-in-out infinite alternate
+  color: $error
+  z-index: 0
+
+.background svg:nth-child(even)
+  animation: moveUp 50s ease-in-out infinite alternate-reverse
+  color: $primary
+
+.background svg:nth-child(3n+4)
+  color: $warn
+
+.background svg:nth-child(4n+5)
+  color: $purple
+
+.background svg:nth-child(7n+6)
+  color: $text
+
+@keyframes moveUp
+  0%
+    transform: translateY(0) rotate(0deg)
+  100%
+    transform: translateY(-80vh) rotate(45deg)