From 9f28526b993c8be4e0de12dfc4d0529e7495bffb Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Thu, 28 Feb 2019 13:42:49 -0700
Subject: [PATCH] Add animation for likes, from #222

---
 resources/assets/sass/custom.scss | 39 +++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index c6d315f42..365f76712 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -211,6 +211,45 @@ body, button, input, textarea {
   animation: loading-bar 3s linear infinite;
 }
 
+.liked {
+    position: relative;
+    z-index: 1;
+}
+
+.liked::after {
+    content: "\F0a3";
+    color: transparent;
+    animation: liking 1.5s;
+    position: absolute;
+    z-index: -1;
+    left: 50%;
+    top: 0;
+}
+
+@keyframes liking {
+ 0% {
+  -webkit-transform:rotate(0deg);
+  transform:rotate(0deg);
+  font-size:0;
+  top: .25rem;
+  color: #ebf70e;
+ }
+ 75% {
+  -webkit-transform:rotate(1turn);
+  transform:rotate(1turn);
+  top: -0.55rem;
+  font-size: 2.8rem;
+  opacity:1;
+  left: -0.55rem;
+ }
+ 100% {
+  transform:rotate(1turn);
+  top: 2.5rem;
+  left: 0em;
+  font-size:0;
+  left: 0.9rem
+ }
+
 .max-hide-overflow {
   max-height: 500px;
   overflow-y: hidden;