From ed6818b36c5565c8b6538e946c212b3af45e193b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Sat, 30 Jul 2022 19:48:02 +0300
Subject: [PATCH] Create important keyframes for animation in .araclar

---
 resources/css/keyframes.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/resources/css/keyframes.scss b/resources/css/keyframes.scss
index f8c25ce..c00e48f 100644
--- a/resources/css/keyframes.scss
+++ b/resources/css/keyframes.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
 @keyframes fullscreen-image-appear {
   from {
     opacity: 0;
@@ -29,4 +31,24 @@
   100% {
     opacity: 0;
   }
+}
+
+@keyframes important {
+  0% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
+
+  50% {
+    transform: scale(1.02);
+    text-shadow: variables.$clr_dark 0 0 20px;
+    color: #FFFFFF;
+  }
+
+  100% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
 }
\ No newline at end of file