From f8c7ec2c0e6cea04ebf2bd69313de82403620960 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 1 Feb 2022 19:37:19 +0100
Subject: chore: animate toolbar entrance

---
 src/components/Toolbar/Toolbar.module.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/components')

diff --git a/src/components/Toolbar/Toolbar.module.scss b/src/components/Toolbar/Toolbar.module.scss
index aabec9a..408d769 100644
--- a/src/components/Toolbar/Toolbar.module.scss
+++ b/src/components/Toolbar/Toolbar.module.scss
@@ -25,6 +25,10 @@
   box-shadow: 0 fun.convert-px(-2) fun.convert-px(3) fun.convert-px(-1)
     var(--color-shadow-dark);
 
+  :global {
+    animation: slide-in-from-bottom 0.8s ease-in-out 0s 1;
+  }
+
   @include mix.media("screen") {
     @include mix.dimensions("sm") {
       --toolbar-size: auto;
@@ -39,6 +43,10 @@
       left: unset;
       margin-right: unset;
       transform: unset;
+
+      :global {
+        animation: slide-in-from-top 1s ease-in-out 0s 1;
+      }
     }
   }
 }
-- 
cgit v1.2.3