From 9af0467489031599897651e6a1402c2d09bdca5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Mon, 25 Jun 2018 15:36:06 +0200
Subject: [PATCH] Implement inflating messages animation

---
 src/app/messages/messages.component.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/messages/messages.component.scss b/src/app/messages/messages.component.scss
index 307aeef..91651dd 100644
--- a/src/app/messages/messages.component.scss
+++ b/src/app/messages/messages.component.scss
@@ -28,6 +28,15 @@
   padding: $tiny;
   font-size: $font-size-base;
   margin-bottom: $hair;
+
+  animation-name: inflate;
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.01, 0.1, 0, 1);
+}
+
+@keyframes inflate {
+  0%   { transform: scale(0,0); }
+  100% { transform: scale(1,1); }
 }
 
 .tfw-grid-message-header {