From 824ebda7c83f76a21832da4b97b4022e7bf747c0 Mon Sep 17 00:00:00 2001 From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> Date: Tue, 14 Jan 2025 13:38:03 +1100 Subject: popupwindow: allow different anims for show/hide --- scss/_lib.scss | 12 ++++++++++-- scss/launcher.scss | 8 ++++++++ 2 files changed, 18 insertions(+), 2 deletions(-) (limited to 'scss') diff --git a/scss/_lib.scss b/scss/_lib.scss index b0b5bf1..dda7dfd 100644 --- a/scss/_lib.scss +++ b/scss/_lib.scss @@ -27,6 +27,14 @@ $scale: 0.068rem; } } -@mixin element-decel { - transition: 200ms cubic-bezier(0, 0.55, 0.45, 1); +@mixin element-decel($duration: 200ms) { + transition: $duration cubic-bezier(0, 0.55, 0.45, 1); +} + +@mixin overshot { + transition-timing-function: cubic-bezier(0.05, 0.9, 0.1, 1.1); +} + +@mixin ease-in-out { + transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); } diff --git a/scss/launcher.scss b/scss/launcher.scss index 3f86f77..44b135d 100644 --- a/scss/launcher.scss +++ b/scss/launcher.scss @@ -2,6 +2,14 @@ @use "lib"; @use "font"; +.launcher-wrapper { + @include lib.ease-in-out; + + &.visible { + @include lib.overshot; + } +} + .launcher { @include lib.rounded(10); @include lib.border(scheme.$overlay0, 0.2); -- cgit v1.2.3-freya