Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/MaxwellCohen/react-vite-test-command.
Something went wrong. Try again.
2.7 kB · 148 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149:root { --text: #6b6375; --text-h: #08060d; --bg: #fff; --border: #e5e4e7; --code-bg: #f4f3ec; --accent: #aa3bff; --accent-bg: rgba(170, 59, 255, 0.1); --accent-border: rgba(170, 59, 255, 0.5); --social-bg: rgba(244, 243, 236, 0.5); --shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
--sans: system-ui, 'Segoe UI', Roboto, sans-serif; --heading: system-ui, 'Segoe UI', Roboto, sans-serif; --mono: ui-monospace, Consolas, monospace;
font: 18px/145% var(--sans); letter-spacing: 0.18px; color-scheme: light dark; color: var(--text); background: var(--bg); font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
@media (max-width: 1024px) { font-size: 16px; }}
@media (prefers-color-scheme: dark) { :root { --text: #9ca3af; --text-h: #f3f4f6; --bg: #16171d; --border: #2e303a; --code-bg: #1f2028; --accent: #c084fc; --accent-bg: rgba(192, 132, 252, 0.15); --accent-border: rgba(192, 132, 252, 0.5); --social-bg: rgba(47, 48, 58, 0.5); --shadow: rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px; }
#social .button-icon { filter: invert(1) brightness(2); }}
body { margin: 0;}
#root { width: 1126px; max-width: 100%; margin: 0 auto; text-align: center; border-inline: 1px solid var(--border); min-height: 100svh; display: flex; flex-direction: column; box-sizing: border-box;}
h1,h2 { font-family: var(--heading); font-weight: 500; color: var(--text-h);}
h1 { font-size: 56px; letter-spacing: -1.68px; margin: 32px 0; @media (max-width: 1024px) { font-size: 36px; margin: 20px 0; }}h2 { font-size: 24px; line-height: 118%; letter-spacing: -0.24px; margin: 0 0 8px; @media (max-width: 1024px) { font-size: 20px; }}p { margin: 0;}
code,.counter { font-family: var(--mono); display: inline-flex; border-radius: 4px; color: var(--text-h);}
code { font-size: 15px; line-height: 135%; padding: 4px 8px; background: var(--code-bg);}
#hydration-report { position: fixed; top: 0; left: 0; right: 0; z-index: 10; max-height: 40vh; overflow: auto; margin: 0; padding: 16px 24px 24px; border-bottom: 2px solid #ef4444; background: #450a0a; color: #fecaca;}
#hydration-report h2,#hydration-report h3 { color: #fecaca;}
#hydration-report h2 { margin: 0 0 12px; font-size: 1.1rem;}
#hydration-report h3 { margin: 16px 0 8px; font-size: 0.95rem;}
#hydration-report pre { margin: 0; overflow: auto; white-space: pre-wrap; font: 13px/145% var(--mono);}