61 lines
2.1 KiB
JavaScript
61 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./beta.html", "./src/**/*.{js,jsx,ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Tokens are wired to CSS variables so the Tweaks panel (or any
|
|
// runtime themer) can swap the accent palette without rebuilding.
|
|
bg: "var(--c-bg)",
|
|
"bg-1": "var(--c-bg-1)",
|
|
"bg-2": "var(--c-bg-2)",
|
|
fg: "var(--c-fg)",
|
|
"fg-dim": "var(--c-fg-dim)",
|
|
"fg-mute": "var(--c-fg-mute)",
|
|
"fg-faint":"var(--c-fg-faint)",
|
|
hairline: "var(--c-hairline)",
|
|
"hairline-2": "var(--c-hairline-2)",
|
|
accent: {
|
|
DEFAULT: "var(--c-accent)",
|
|
soft: "var(--c-accent-soft)",
|
|
glow: "var(--c-accent-glow)",
|
|
fg: "var(--c-accent-fg)",
|
|
},
|
|
ok: "var(--c-ok)",
|
|
},
|
|
fontFamily: {
|
|
sans: ['Geist', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
|
|
mono: ['"Geist Mono"', 'ui-monospace', '"SF Mono"', 'Menlo', 'monospace'],
|
|
},
|
|
borderRadius: {
|
|
xl: "18px",
|
|
"2xl": "22px",
|
|
"3xl": "28px",
|
|
},
|
|
boxShadow: {
|
|
"accent-glow": "0 10px 40px -10px var(--c-accent-glow), 0 0 50px -8px var(--c-accent-glow)",
|
|
"card": "0 30px 80px -20px oklch(0 0 0 / 0.6)",
|
|
},
|
|
keyframes: {
|
|
"caret-blink": { "50%": { opacity: "0.25" } },
|
|
"pulse-ok": {
|
|
"0%": { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0.6)" },
|
|
"70%": { boxShadow: "0 0 0 8px oklch(0.78 0.16 155 / 0)" },
|
|
"100%": { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0)" },
|
|
},
|
|
spin: { to: { transform: "rotate(360deg)" } },
|
|
strike: {
|
|
from: { opacity: "0", transform: "translateY(-50%) rotate(-1deg) scaleX(0)" },
|
|
to: { opacity: "1", transform: "translateY(-50%) rotate(-1deg) scaleX(1)" },
|
|
},
|
|
},
|
|
animation: {
|
|
"caret-blink": "caret-blink 1.4s steps(2) infinite",
|
|
"pulse-ok": "pulse-ok 2s ease-out infinite",
|
|
spin: "spin .9s linear infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|