forked from fa/breadcrumb-the-shire
fs
e145b7d089
Define a major-third (1.25) type scale as CSS custom properties in the tokens layer (--text-2xs through --text-5xl), along with line-height (--leading-*), font-weight (--font-*), and letter-spacing (--tracking-*) tokens. Migrate all 28 core CSS files from ad-hoc values to token references with clamp()-based responsive scaling for headings. Add TypographyTokenContractTest to enforce token-only usage via grep-based assertions. Task run: UI-TYPOGRAPHY-SCALE-001 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
39 lines
758 B
CSS
39 lines
758 B
CSS
.error-page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100dvh;
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.error-page__code {
|
|
font-size: var(--text-5xl);
|
|
font-weight: var(--font-bold);
|
|
line-height: var(--leading-none);
|
|
color: var(--color-text-muted);
|
|
}
|
|
|
|
.error-page__message {
|
|
margin-top: 1rem;
|
|
font-size: var(--text-lg);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.error-page__back {
|
|
display: inline-block;
|
|
margin-top: 2rem;
|
|
padding: 0.5rem 1.25rem;
|
|
font-size: var(--text-sm);
|
|
text-decoration: none;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 0.375rem;
|
|
color: var(--color-text);
|
|
background: var(--color-bg-surface);
|
|
}
|
|
|
|
.error-page__back:hover {
|
|
opacity: 0.8;
|
|
}
|