From 0033f53b534152fa3f0056e213bd0f1af7d61533 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 26 Jun 2020 17:00:41 +0700
Subject: [PATCH] changed flow cell animation

---
 src/components/flow/Cell/styles.scss | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss
index f6086d4b..4ec00a62 100644
--- a/src/components/flow/Cell/styles.scss
+++ b/src/components/flow/Cell/styles.scss
@@ -10,6 +10,7 @@
   color: white;
   background: 50% 50% no-repeat $content_bg;
   background-size: cover;
+  overflow: hidden;
 
   .is_hero {
     .title {
@@ -23,6 +24,16 @@
     }
   }
 
+  &:hover {
+    .thumbnail {
+      transform: scale(1.1);
+    }
+
+    .title {
+      opacity: 1;
+      transform: translate(0, -2px);
+    }
+  }
   @include outer_shadow();
 }
 
@@ -81,6 +92,9 @@
 
 .title {
   padding: $gap / 2;
+  opacity: 0.2;
+  transform: translate(0, 0);
+  transition: opacity 0.5s 0.25s, transform 0.5s;
   // max-height: 3.3em;
 }
 
@@ -144,7 +158,7 @@
   z-index: 1;
   border-radius: $cell_radius + 2px;
   opacity: 0;
-  transition: opacity 0.5s;
+  transition: opacity 0.5s, transform 1s;
   will-change: transform;
 
   & > img {