zeekay
87e45c8878
A docs-site template repeated across these repos named three different faces in one place: a binding called `inter` or `geist`, constructed from next/font/google so it actually held Inter, publishing a custom property called `--font-geist-sans` that @hanzo/font does not set. Whichever of the three a reader trusted, two of them were wrong. They take Zen and ZenMono from @hanzo/font — bindings named `sans` and `mono` for the role they fill, setting --font-zen-sans and --font-zen-mono, which is what the package publishes.
81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
|
|
import type { Config } from "tailwindcss";
|
|
|
|
export default {
|
|
darkMode: ["class"],
|
|
content: [
|
|
"./pages/**/*.{ts,tsx}",
|
|
"./components/**/*.{ts,tsx}",
|
|
"./app/**/*.{ts,tsx}",
|
|
"./src/**/*.{ts,tsx}",
|
|
],
|
|
prefix: "",
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: "2rem",
|
|
screens: {
|
|
"2xl": "1400px",
|
|
},
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Zen', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
mono: ['Zen Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
|
|
},
|
|
colors: {
|
|
border: "hsl(var(--border))",
|
|
input: "hsl(var(--input))",
|
|
ring: "hsl(var(--ring))",
|
|
background: "#000000",
|
|
foreground: "#FFFFFF",
|
|
primary: {
|
|
DEFAULT: "#141413",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "#E6E4DD",
|
|
foreground: "#141413",
|
|
},
|
|
accent: {
|
|
DEFAULT: "#8989DE",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
muted: {
|
|
DEFAULT: "#828179",
|
|
foreground: "#FAFAF8",
|
|
},
|
|
card: {
|
|
DEFAULT: "#FFFFFF",
|
|
foreground: "#141413",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
keyframes: {
|
|
"accordion-down": {
|
|
from: { height: "0" },
|
|
to: { height: "var(--radix-accordion-content-height)" },
|
|
},
|
|
"accordion-up": {
|
|
from: { height: "var(--radix-accordion-content-height)" },
|
|
to: { height: "0" },
|
|
},
|
|
float: {
|
|
"0%, 100%": { transform: "translateY(0)" },
|
|
"50%": { transform: "translateY(-10px)" },
|
|
},
|
|
},
|
|
animation: {
|
|
"accordion-down": "accordion-down 0.2s ease-out",
|
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
float: "float 6s ease-in-out infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("tailwindcss-animate")],
|
|
} satisfies Config;
|