chore: initial commit
Vue 3 + Tailwind v4 frontend scaffold with living design system at /design. Pinned dependencies, dev-only a11y toolbar with colour-vision simulation, WCAG contrast checker, and axe-core audit. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
39
src/assets/styles.css
Normal file
39
src/assets/styles.css
Normal file
@@ -0,0 +1,39 @@
|
||||
@import 'tailwindcss';
|
||||
@import '../design-system/tokens.css';
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--color-surface);
|
||||
color: var(--color-ink);
|
||||
font-family: var(--font-sans);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
:focus-visible {
|
||||
outline: 2px solid var(--color-brand);
|
||||
outline-offset: 2px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Room above anchor targets when scrolling */
|
||||
[id] {
|
||||
scroll-margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* Typography helpers */
|
||||
.font-display {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: var(--tracking-eyebrow);
|
||||
text-transform: uppercase;
|
||||
color: var(--color-muted);
|
||||
}
|
||||
Reference in New Issue
Block a user