_motion.scss
sha256:0521dce9aca20da6ab4d9ebee6de75ab876bd82cddbc6bd4897d1ac6ecd11d3d
docs(musehub#129): freeze Phase 1 OG repo card design
Human
17 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:6ad6d62107bbd6940c52d63327966b8a65c6391f4a3da6cd9e7548ba4b38bc48
feat(musehub#129): OG repo preview cards — endpoint, cache,…
Human
minor
⚠
17 days ago