Adding new svg and dummy animation

Issue #238

2 files changed, 33 insertions, 0 deletions

diff --git a/web-ui/app/scss/_alerts.scss b/web-ui/app/scss/_alerts.scss
index cfb31cbe..8d7396fc 100644
--- a/web-ui/app/scss/_alerts.scss
+++ b/web-ui/app/scss/_alerts.scss
@@ -21,3 +21,5 @@
     }
   }
 }
+
+@include logo;
diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index a623366d..c4cc234b 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -308,4 +308,35 @@
   }
 }
 
+@mixin logo {
+  @keyframes hideshow {
+  0% { fill: #2ba6cb; }
+  25% { opacity: 1; }
+  100% { opacity: 0; }
+} 
+
+.logo-part {
+  animation: hideshow 0.6s ease infinite;
+  opacity: 1;
+
+  &:nth-child(2) {
+    opacity: 0;
+    animation-delay: 0.1s;
+  }
+
+  &:nth-child(3) {
+    animation-delay: 0.2s;
+  }
+  &:nth-child(4) {
+    animation-delay: 0.3s;
+  }
+  &:nth-child(5) {
+    animation-delay: 0.4s;
+  }
+  &:nth-child(6) {
+    animation-delay: 0.5s;
+  }
+}
+}
+
 @include tt-hint;