_motion.scss
sha256:7d6dd8f4a89e2d1fef2d84f6e65feaff51385d382f466766b7f690a22ec18e32
fix: fall back to DB ancestry check when mpack-only fast-fo…
Sonnet 4.6
patch
6 days ago
| 1 | // ───────────────────────────────────────────────────────────────────────────── |
| 2 | // Component: Motion |
| 3 | // File: src/scss/theme/_motion.scss |
| 4 | // |
| 5 | // Variants: n/a — token definitions only |
| 6 | // Tokens: --ease-*, --duration-*, --transition-* |
| 7 | // Usage: transition: background var(--duration-base) var(--ease-out); |
| 8 | // |
| 9 | // Notes: --ease-snap for interactions that must feel immediate. |
| 10 | // Prefer --duration-fast for hover, --duration-base for state change. |
| 11 | // ───────────────────────────────────────────────────────────────────────────── |
| 12 | |
| 13 | :root { |
| 14 | --ease-out: cubic-bezier(0.0, 0, 0.2, 1); |
| 15 | --ease-in: cubic-bezier(0.4, 0, 1, 1); |
| 16 | --ease-snap: cubic-bezier(0.0, 0, 0.1, 1); |
| 17 | |
| 18 | --duration-fast: 80ms; |
| 19 | --duration-base: 150ms; |
| 20 | --duration-slow: 250ms; |
| 21 | --duration-reveal: 400ms; |
| 22 | |
| 23 | // Shorthand transition helpers |
| 24 | --transition-fast: var(--duration-fast) var(--ease-out); |
| 25 | --transition-base: var(--duration-base) var(--ease-out); |
| 26 | --transition-slow: var(--duration-slow) var(--ease-out); |
| 27 | } |
File History
1 commit
sha256:7d6dd8f4a89e2d1fef2d84f6e65feaff51385d382f466766b7f690a22ec18e32
fix: fall back to DB ancestry check when mpack-only fast-fo…
Sonnet 4.6
patch
6 days ago