From 01d578b6dd5252305ce3d1a1a49336d3f7edc697 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 1 Feb 2022 22:50:18 +0100
Subject: chore: animate branding

---
 src/styles/base/_animations.scss | 61 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

(limited to 'src/styles')

diff --git a/src/styles/base/_animations.scss b/src/styles/base/_animations.scss
index 325c673..773bf1d 100644
--- a/src/styles/base/_animations.scss
+++ b/src/styles/base/_animations.scss
@@ -75,3 +75,64 @@
     transform: translateY(0);
   }
 }
+
+@keyframes flip-logo {
+  0%,
+  85% {
+    transform: rotateY(180deg);
+  }
+
+  100% {
+    transform: rotateY(0deg);
+  }
+}
+
+@keyframes branding-name-typing {
+  0%,
+  20% {
+    width: 100%;
+    visibility: visible;
+  }
+
+  100% {
+    width: 0;
+  }
+}
+
+@keyframes branding-job-typing {
+  0% {
+    width: 100%;
+    content: "";
+    visibility: visible;
+  }
+
+  48% {
+    content: "";
+  }
+
+  49% {
+    content: "|";
+  }
+
+  51% {
+    width: 100%;
+  }
+
+  70% {
+    width: 0;
+  }
+
+  100% {
+    width: 0;
+  }
+}
+
+@keyframes blink {
+  0% {
+    color: var(--color-primary-darker);
+  }
+
+  100% {
+    color: var(--color-bg-tertiary);
+  }
+}
-- 
cgit v1.2.3