From 4ba484b9cf8df2e903286ef538124f0cf00a81f7 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Tue, 19 May 2026 01:17:32 +0000 Subject: 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. --- src/styles/motion.css | 1 + 1 file changed, 1 insertion(+) (limited to 'src/styles') 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; } -- cgit v1.2.3