_motion.scss
sha256:c2e5cf2d754ed2fe9a94e879d41ad12ff221d2ac4ac7b45247fcb981c76858bf
docs: Section 8 database/migrations/backups — verified live…
Sonnet 5
24 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:c2e5cf2d754ed2fe9a94e879d41ad12ff221d2ac4ac7b45247fcb981c76858bf
docs: Section 8 database/migrations/backups — verified live…
Sonnet 5
24 days ago
sha256:80e1a60a39562f6e616aaafbb27487f03abbec7d8ffc6164302b7a0c0bfc63ee
docs: check off Section 0 items verified in inventory doc, …
Sonnet 5
24 days ago