diff options
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); |