From 83b756f392b796bb2300f2be00b3e3bf50edb26c Mon Sep 17 00:00:00 2001
From: WhiteNervosa <50147539+WhiteNervosa@users.noreply.github.com>
Date: Sun, 7 Jul 2019 15:37:16 -0500
Subject: [PATCH] Lag suffix, can be applied to an emote to save space (#116)

* Lag Suffix implemented
---
 assets/chat/css/generify.scss | 13 +++++++++++++
 assets/chat/js/const.js       |  3 ++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/assets/chat/css/generify.scss b/assets/chat/css/generify.scss
index aa749cec..12b4eda8 100644
--- a/assets/chat/css/generify.scss
+++ b/assets/chat/css/generify.scss
@@ -11,6 +11,19 @@
     margin-bottom: -7px;
 }
 
+@keyframes lag-anim {
+    0% {-webkit-mask-image: linear-gradient(to top, transparent 100%, black 0%);}
+    20% {-webkit-mask-image: linear-gradient(to top, transparent 80%, black 0%);}
+    40% {-webkit-mask-image: linear-gradient(to top, transparent 60%, black 0%);}
+    60% {-webkit-mask-image: linear-gradient(to top, transparent 40%, black 0%);}
+    80% {-webkit-mask-image: linear-gradient(to top, transparent 20%, black 0%);}
+    100% {-webkit-mask-image: linear-gradient(to top, transparent 0%, black 0%);}
+}
+
+.lag > .chat-emote {
+    animation: lag-anim 2.5s 2;
+}
+
 .generify-rustle > .chat-emote {
     animation: rustle 100ms 7;
 }
diff --git a/assets/chat/js/const.js b/assets/chat/js/const.js
index 9ff2fab1..a554003c 100644
--- a/assets/chat/js/const.js
+++ b/assets/chat/js/const.js
@@ -59,7 +59,8 @@ const GENERIFY_OPTIONS = {
     // 'dank': 'generify-dank',
     // 'hyper': 'generify-hyper generify-rustle',
     'love': 'generify-love',
-    'spin': 'generify-spin'
+    'spin': 'generify-spin',
+    'lag' : 'lag'
 };
 
 const CUSTOM_AUTOCOMPLETE_ORDER = [