mirror of
https://github.com/luxfi/crypto.git
synced 2026-10-30 16:59:13 +00:00
zeekay
278781b688
The layout imported ZenSans from @hanzo/font/sans. That name was real in 1.8.x
and is gone from 1.9.0 on, where the export is Zen. The dependency was declared
^1.8.0, so a fresh resolve takes 1.9.2 and the build stops dead:
Export ZenSans doesn't exist in target module
... Did you mean to import Zen?
Only the lockfile's 1.8.2 pin was holding it up, and ignoreBuildErrors would
not have helped — Turbopack refuses the import before types are consulted.
Import Zen, and declare ^1.9.2 so the range and the code agree.
The two families also move out of @theme and into a plain :root. The
fumadocs-ui import is a BUILT Tailwind sheet: it arrives with its own
@layer theme carrying the stock --font-sans and --font-mono, and inside @theme
those win. Measured on the built sheet, --font-mono came out as the OS
monospace stack, so every code block on a cryptography site was set in the
platform's monospace rather than Zen Mono. Unlayered beats any layer.
The export now carries two woff2 files, family Zen and Zen Mono, vendor HNZO.
The hero image in .github named Inter first; it names Zen now.
90 lines
2.9 KiB
CSS
90 lines
2.9 KiB
CSS
@import "tailwindcss";
|
|
@import "fumadocs-ui/style.css";
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
/* The two families, decided once. Unlayered, and that is the point: the
|
|
fumadocs-ui import above is a BUILT Tailwind sheet, so it arrives carrying
|
|
its own @layer theme with the stock --font-sans and --font-mono, and inside
|
|
@theme those beat ours. Measured on the built sheet, --font-mono came out as
|
|
the OS monospace stack, which is what every code block was reading.
|
|
Unlayered declarations win over any layer, so this block settles it. The two
|
|
properties on the right are published by next/font on <html>. */
|
|
:root {
|
|
--font-sans: var(--font-zen-sans), system-ui, sans-serif;
|
|
--font-mono: var(--font-zen-mono), ui-monospace, monospace;
|
|
}
|
|
|
|
@theme inline {
|
|
--breakpoint-3xl: 1600px;
|
|
--breakpoint-4xl: 2000px;
|
|
--radius-sm: calc(var(--radius) - 4px);
|
|
--radius-md: calc(var(--radius) - 2px);
|
|
--radius-lg: var(--radius);
|
|
--radius-xl: calc(var(--radius) + 4px);
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-card: var(--card);
|
|
--color-card-foreground: var(--card-foreground);
|
|
--color-popover: var(--popover);
|
|
--color-popover-foreground: var(--popover-foreground);
|
|
--color-primary: var(--primary);
|
|
--color-primary-foreground: var(--primary-foreground);
|
|
--color-secondary: var(--secondary);
|
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
--color-muted: var(--muted);
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
--color-accent: var(--accent);
|
|
--color-accent-foreground: var(--accent-foreground);
|
|
--color-destructive: var(--destructive);
|
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
--color-border: var(--border);
|
|
--color-input: var(--input);
|
|
--color-ring: var(--ring);
|
|
}
|
|
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 0 0% 3.9%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 0 0% 3.9%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 0 0% 3.9%;
|
|
--primary: 0 0% 9%;
|
|
--primary-foreground: 0 0% 98%;
|
|
--secondary: 0 0% 96.1%;
|
|
--secondary-foreground: 0 0% 9%;
|
|
--muted: 0 0% 96.1%;
|
|
--muted-foreground: 0 0% 45.1%;
|
|
--accent: 0 0% 96.1%;
|
|
--accent-foreground: 0 0% 9%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 0 0% 89.8%;
|
|
--input: 0 0% 89.8%;
|
|
--ring: 0 0% 3.9%;
|
|
--radius: 0.5rem;
|
|
}
|
|
|
|
.dark {
|
|
--background: 0 0% 3.9%;
|
|
--foreground: 0 0% 98%;
|
|
--card: 0 0% 3.9%;
|
|
--card-foreground: 0 0% 98%;
|
|
--popover: 0 0% 3.9%;
|
|
--popover-foreground: 0 0% 98%;
|
|
--primary: 0 0% 98%;
|
|
--primary-foreground: 0 0% 9%;
|
|
--secondary: 0 0% 14.9%;
|
|
--secondary-foreground: 0 0% 98%;
|
|
--muted: 0 0% 14.9%;
|
|
--muted-foreground: 0 0% 63.9%;
|
|
--accent: 0 0% 14.9%;
|
|
--accent-foreground: 0 0% 98%;
|
|
--destructive: 0 62.8% 30.6%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 0 0% 14.9%;
|
|
--input: 0 0% 14.9%;
|
|
--ring: 0 0% 83.1%;
|
|
}
|