_motion.scss
sha256:969ddc5e88776e70af33c016b8777bb721356508ae5f304b3fb46c451494ece7
test(mwp3): Phase 4 — fix adjacent suite regressions, lock …
Sonnet 4.6
22 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
2 commits
sha256:969ddc5e88776e70af33c016b8777bb721356508ae5f304b3fb46c451494ece7
test(mwp3): Phase 4 — fix adjacent suite regressions, lock …
Sonnet 4.6
22 days ago
sha256:1749b9cc5cd2583c56d3261c4c00a342c27435f3946d4bc3e70f76aa2795458a
docs(mwp-3): TDD implementation plan for job-enqueue idempo…
Opus 4.8
22 days ago