From f8c7ec2c0e6cea04ebf2bd69313de82403620960 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 1 Feb 2022 19:37:19 +0100 Subject: chore: animate toolbar entrance --- src/styles/base/_animations.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'src/styles/base/_animations.scss') diff --git a/src/styles/base/_animations.scss b/src/styles/base/_animations.scss index 3485729..325c673 100644 --- a/src/styles/base/_animations.scss +++ b/src/styles/base/_animations.scss @@ -55,3 +55,23 @@ var(--draw-border-width, fun.convert-px(3)) 100%; } } + +@keyframes slide-in-from-bottom { + 0% { + transform: translateY(100%); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes slide-in-from-top { + 0% { + transform: translateY(-200%); + } + + 100% { + transform: translateY(0); + } +} -- cgit v1.2.3