diff options
| author | Fuwn <[email protected]> | 2026-05-19 01:17:32 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 01:17:32 +0000 |
| commit | 4ba484b9cf8df2e903286ef538124f0cf00a81f7 (patch) | |
| tree | 6adda409fc92454501927f047d55b652de159183 /src/styles | |
| parent | feat(nav): restore scroll-hide and animate mobile hamburger (diff) | |
| download | due.moe-4ba484b9cf8df2e903286ef538124f0cf00a81f7.tar.xz due.moe-4ba484b9cf8df2e903286ef538124f0cf00a81f7.zip | |
style(motion): introduce --duration-base for panel-class transitions
Adds 0.24s between --duration-fast (0.15s) and --duration-slow (0.4s)
for animations that live in the touch-UI floor: panels, sheets,
drawers, modals. 150ms reads as crisp on desktop but undershoots the
200-300ms range touch UI conventions prescribe (finger occludes the
target during the tap, deliberation pace is slower, and high-DPI
displays compress small translateY into less perceptible motion).
Applies the new token to the mobile hamburger panel open/close
transition and to the bar-morph that fires on the same tap, so the
bars and the panel finish arriving together.
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/motion.css | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/src/styles/motion.css b/src/styles/motion.css index 9e0f4257..28de2180 100644 --- a/src/styles/motion.css +++ b/src/styles/motion.css @@ -2,5 +2,6 @@ --ease-out-quart: cubic-bezier(0.22, 1, 0.36, 1); --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1); --duration-fast: 0.15s; + --duration-base: 0.24s; --duration-slow: 0.4s; } |