From b0eb0b9aba00482f43cb0006b2f3faefe39c3d6e Mon Sep 17 00:00:00 2001
From: Janne Koivistoinen <janne@sharetribe.com>
Date: Wed, 27 Sep 2017 14:05:00 +0300
Subject: [PATCH] animate checkmark

---
 src/components/Button/Button.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/Button/Button.css b/src/components/Button/Button.css
index 40b6b7a6..5705d93f 100644
--- a/src/components/Button/Button.css
+++ b/src/components/Button/Button.css
@@ -97,6 +97,18 @@
   width: 24px;
   height: 24px;
   stroke: var(--matterColorLight);
+
+  /* Animation */
+  animation-name: checkmarkAnimation;
+  animation-duration: 0.5s;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-out;
+}
+
+@keyframes checkmarkAnimation {
+  0%   { opacity: 0; transform: scale(0.75);}
+  50%   { transform: scale(1.15);}
+  100%   { opacity: 1; transform: scale(1);}
 }
 
 .secondaryButton .spinner {