diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-01 19:37:19 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-01 22:51:38 +0100 |
| commit | f8c7ec2c0e6cea04ebf2bd69313de82403620960 (patch) | |
| tree | 04dbedbeb18f86413d5e92a48fe6aace82bd50c9 /src/styles | |
| parent | 1e370817560c905a0a3520e245c317f308b6a5e7 (diff) | |
chore: animate toolbar entrance
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/base/_animations.scss | 20 |
1 files changed, 20 insertions, 0 deletions
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); + } +} |