This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user