diff options
| author | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-01-14 13:38:03 +1100 |
|---|---|---|
| committer | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-01-14 13:38:03 +1100 |
| commit | 824ebda7c83f76a21832da4b97b4022e7bf747c0 (patch) | |
| tree | 7544d4bb6a5a1e8bd1dadb7fcf6afff66276e0ff /scss | |
| parent | minor refactoring (diff) | |
| download | caelestia-shell-824ebda7c83f76a21832da4b97b4022e7bf747c0.tar.gz caelestia-shell-824ebda7c83f76a21832da4b97b4022e7bf747c0.tar.bz2 caelestia-shell-824ebda7c83f76a21832da4b97b4022e7bf747c0.zip | |
popupwindow: allow different anims for show/hide
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_lib.scss | 12 | ||||
| -rw-r--r-- | scss/launcher.scss | 8 |
2 files changed, 18 insertions, 2 deletions
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); |