77 lines
2.1 KiB
JavaScript
77 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: "class",
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: [
|
|
"Inter",
|
|
"SF Pro Display",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"sans-serif",
|
|
],
|
|
},
|
|
colors: {
|
|
primary: {
|
|
50: "#eff6ff",
|
|
100: "#dbeafe",
|
|
200: "#bfdbfe",
|
|
300: "#93c5fd",
|
|
400: "#60a5fa",
|
|
500: "#3b82f6",
|
|
600: "#2563eb",
|
|
700: "#1d4ed8",
|
|
800: "#1e40af",
|
|
900: "#1e3a8a",
|
|
950: "#172554",
|
|
},
|
|
glass: {
|
|
white: "rgba(255, 255, 255, 0.1)",
|
|
dark: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
},
|
|
backdropBlur: {
|
|
xs: "2px",
|
|
},
|
|
boxShadow: {
|
|
glass: "0 8px 32px 0 rgba(31, 38, 135, 0.15)",
|
|
"glass-inset": "inset 0 0 60px rgba(255, 255, 255, 0.05)",
|
|
soft: "0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)",
|
|
"soft-lg": "0 10px 40px -15px rgba(0, 0, 0, 0.1)",
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.3s ease-out",
|
|
"slide-up": "slideUp 0.3s ease-out",
|
|
"slide-down": "slideDown 0.3s ease-out",
|
|
"scale-in": "scaleIn 0.2s ease-out",
|
|
"pulse-subtle": "pulseSubtle 2s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
"0%": { opacity: "0" },
|
|
"100%": { opacity: "1" },
|
|
},
|
|
slideUp: {
|
|
"0%": { opacity: "0", transform: "translateY(10px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
slideDown: {
|
|
"0%": { opacity: "0", transform: "translateY(-10px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
scaleIn: {
|
|
"0%": { opacity: "0", transform: "scale(0.95)" },
|
|
"100%": { opacity: "1", transform: "scale(1)" },
|
|
},
|
|
pulseSubtle: {
|
|
"0%, 100%": { opacity: "1" },
|
|
"50%": { opacity: "0.7" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|