57 lines
1.4 KiB
JavaScript
57 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
safelist: [{ pattern: /^stagger-[0-4]$/ }],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
bg: {
|
|
DEFAULT: "var(--bg)",
|
|
card: "var(--bg-card)",
|
|
hover: "var(--bg-hover)",
|
|
},
|
|
border: {
|
|
DEFAULT: "var(--border)",
|
|
},
|
|
accent: {
|
|
primary: "var(--accent-primary)",
|
|
secondary: "var(--accent-secondary)",
|
|
warm: "var(--accent-warm)",
|
|
},
|
|
fg: {
|
|
DEFAULT: "var(--fg)",
|
|
muted: "var(--fg-muted)",
|
|
},
|
|
tag: "var(--tag)",
|
|
},
|
|
animation: {
|
|
"gradient-shift": "gradient-shift 8s ease infinite",
|
|
"fade-up": "fade-up 300ms ease-out forwards",
|
|
"pulse-slow": "pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
},
|
|
keyframes: {
|
|
"gradient-shift": {
|
|
"0%, 100%": { backgroundPosition: "0% 50%" },
|
|
"50%": { backgroundPosition: "100% 50%" },
|
|
},
|
|
"fade-up": {
|
|
"0%": { opacity: "0", transform: "translateY(20px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
},
|
|
fontFamily: {
|
|
mono: [
|
|
"ui-monospace",
|
|
"SFMono-Regular",
|
|
"Menlo",
|
|
"Monaco",
|
|
"Consolas",
|
|
"monospace",
|
|
],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|