From c384948fd3faba77636c2ed95b957dff142bb008 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 10 Sep 2020 09:26:20 +0200
Subject: [PATCH] Add slide-right animation

[MAILPOET-3088]
---
 .../css/src/components-public/_animation.scss | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/assets/css/src/components-public/_animation.scss b/assets/css/src/components-public/_animation.scss
index ff620675e7..4a8c8d4370 100644
--- a/assets/css/src/components-public/_animation.scss
+++ b/assets/css/src/components-public/_animation.scss
@@ -58,3 +58,35 @@
     opacity: .7;
   }
 }
+
+.mailpoet_form_animation_slideright {
+  animation: slide-right 1s 1 cubic-bezier(.77, 0, .175, 1);
+}
+
+.mailpoet_form_popup.mailpoet_form_animation_slideright {
+  animation: slide-right-popup 1s 1 cubic-bezier(.77, 0, .175, 1);
+}
+
+@keyframes slide-right {
+  0% {
+    opacity: 0;
+    transform: translateX(-30%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slide-right-popup {
+  0% {
+    opacity: 0;
+    transform: translate(-80%, -50%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+}