Files
dashcaddy.net/tailwind.config.ts
2026-04-15 20:49:12 -07:00

73 lines
2.0 KiB
TypeScript

import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
colors: {
brand: {
50: "#eef6ff",
100: "#d9eaff",
200: "#bcdbff",
300: "#8ec5ff",
400: "#59a4ff",
500: "#3381ff",
600: "#1a5ff5",
700: "#1349e1",
800: "#163cb6",
900: "#18378f",
950: "#142357",
},
surface: {
50: "#f8fafc",
100: "#f1f5f9",
200: "#e2e8f0",
300: "#cbd5e1",
400: "#94a3b8",
500: "#64748b",
600: "#475569",
700: "#334155",
800: "#1e293b",
900: "#0f172a",
950: "#020617",
},
},
fontFamily: {
sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
mono: ["JetBrains Mono", "Fira Code", "monospace"],
},
animation: {
"fade-in": "fadeIn 0.5s ease-out",
"slide-up": "slideUp 0.6s ease-out",
"slide-in-left": "slideInLeft 0.6s ease-out",
"pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
float: "float 6s ease-in-out infinite",
},
keyframes: {
fadeIn: {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
slideUp: {
"0%": { opacity: "0", transform: "translateY(20px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
slideInLeft: {
"0%": { opacity: "0", transform: "translateX(-20px)" },
"100%": { opacity: "1", transform: "translateX(0)" },
},
float: {
"0%, 100%": { transform: "translateY(0)" },
"50%": { transform: "translateY(-10px)" },
},
},
},
},
plugins: [],
};
export default config;