monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add Deep Space transition defaults

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-16 17:30:52 -05:00
parent 304844c3ff
commit 267724ccb6
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/index.css
View File

@@ -139,11 +139,11 @@
--sidebar: 222 47% 11%; --sidebar: 222 47% 11%;
} }
/* Reduced motion support -- DS-10 */
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
*, *::before, *::after { *, *::before, *::after {
animation: none !important; animation-duration: 0.01ms !important;
transition: none !important; animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important; scroll-behavior: auto !important;
} }
} }
@@ -181,4 +181,25 @@
::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: hsl(var(--elevated)); border-radius: 3px; } ::-webkit-scrollbar-thumb { background: hsl(var(--elevated)); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: hsl(var(--border-bright)); } ::-webkit-scrollbar-thumb:hover { background: hsl(var(--border-bright)); }
/* ── Deep Space transitions ── */
button, a, input, select, textarea,
[role="button"], [role="tab"], [role="menuitem"] {
transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, opacity 150ms ease;
}
[data-sidebar] {
transition: width 200ms ease;
}
[data-radix-dialog-overlay] {
transition: opacity 150ms ease;
}
[data-radix-dialog-content] {
transition: opacity 150ms ease, transform 150ms ease;
}
.font-mono, [class*="font-mono"] {
font-variant-numeric: tabular-nums;
}
} }