From 151332c47ffeccda99c47ad3d9a2a44fca256d64 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 23 Apr 2023 21:48:49 +0800
Subject: [PATCH] Add a swoosh

---
 src/components/status.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/components/status.css b/src/components/status.css
index b202f8ac..9c16ecab 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1218,6 +1218,28 @@ a.card:is(:hover, :focus) {
 .status-badge .pin {
   color: var(--red-color);
 }
+@keyframes swoosh-from-right {
+  0% {
+    opacity: 0;
+    transform: translateX(300%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.status-badge > * {
+  animation: swoosh-from-right 1s cubic-bezier(0.51, 0.28, 0.16, 1.26) both;
+}
+.status-badge > *:nth-child(2) {
+  animation-delay: 0.1s;
+}
+.status-badge > *:nth-child(3) {
+  animation-delay: 0.2s;
+}
+.status-badge > *:nth-child(4) {
+  animation-delay: 0.3s;
+}
 
 /* MISC */