feat(ui): motion tokens, keyframes and reduced-motion switch

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Lucas WintherandClaude Opus 5.5 committed 2026-10-30 20:32:21 +01:00
1 parent eed59d4ef2
commit 17b6ae3828
3 files changed
+136 -4

No files matched your search

+1 -1
View File
@@ -39,7 +39,7 @@ export const learnerCss = String.raw`
/* ---------- course shell ---------- */
.stc-main:has(> .lr-shell) { padding: 0; }
.lr-shell { display: flex; align-items: flex-start; }
.lr-side { position: sticky; top: var(--top); flex: none; width: var(--sidew); height: calc(100vh - var(--top)); overflow-y: auto; background: var(--side); border-right: 1px solid var(--line); overscroll-behavior: contain; }
.lr-side { view-transition-name: lr-side; position: sticky; top: var(--top); flex: none; width: var(--sidew); height: calc(100vh - var(--top)); overflow-y: auto; background: var(--side); border-right: 1px solid var(--line); overscroll-behavior: contain; }
.lr-scrim { display: none; }
.lr-main { flex: 1; min-width: 0; padding: 44px 40px 0; }
.lr-side-head { display: flex; gap: 12px; padding: 18px 16px 16px; border-bottom: 1px solid var(--line); }