Andres Resiri
59 lines
2.0 KiB
TypeScript
59 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: "#FEF2F2",
|
|
100: "#FEE2E2",
|
|
200: "#FECACA",
|
|
300: "#FCA5A5",
|
|
400: "#F87171",
|
|
500: "#EF4444",
|
|
600: "#DC2626",
|
|
700: "#B91C1C",
|
|
800: "#991B1B",
|
|
900: "#7F1D1D",
|
|
950: "#450A0A",
|
|
},
|
|
},
|
|
boxShadow: {
|
|
subtle: "0 1px 2px rgba(0,0,0,0.04)",
|
|
card: "0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04)",
|
|
elevated: "0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05)",
|
|
modal: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.08)",
|
|
"glow-brand": "0 0 20px rgba(239,68,68,0.15)",
|
|
},
|
|
fontSize: {
|
|
display: ["2.5rem", { lineHeight: "1.1", letterSpacing: "-0.025em", fontWeight: "700" }],
|
|
h1: ["1.875rem", { lineHeight: "1.2", letterSpacing: "-0.02em", fontWeight: "700" }],
|
|
h2: ["1.375rem", { lineHeight: "1.3", letterSpacing: "-0.01em", fontWeight: "600" }],
|
|
h3: ["1.125rem", { lineHeight: "1.4", fontWeight: "600" }],
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.3s ease-out",
|
|
"slide-up": "slideUp 0.3s ease-out",
|
|
"slide-in-fresh": "slideInFresh 400ms ease-out",
|
|
},
|
|
keyframes: {
|
|
fadeIn: { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
slideUp: { from: { opacity: "0", transform: "translateY(8px)" }, to: { opacity: "1", transform: "translateY(0)" } },
|
|
slideInRight: { from: { opacity: "0", transform: "translateX(100%)" }, to: { opacity: "1", transform: "translateX(0)" } },
|
|
slideInFresh: {
|
|
from: { opacity: "0", transform: "translateY(-6px)" },
|
|
to: { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|