daily-briefing/web/tailwind.config.js

35 lines
917 B
JavaScript
Raw Normal View History

/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
surface: {
50: "rgba(255,255,255,0.05)",
100: "rgba(255,255,255,0.08)",
200: "rgba(255,255,255,0.12)",
},
},
backdropBlur: {
xs: "2px",
},
animation: {
"fade-in": "fadeIn 0.5s ease-out",
"slide-up": "slideUp 0.4s ease-out",
"pulse-slow": "pulse 3s ease-in-out infinite",
},
keyframes: {
fadeIn: {
"0%": { opacity: "0", transform: "translateY(8px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
slideUp: {
"0%": { opacity: "0", transform: "translateY(16px)" },
"100%": { opacity: "1", transform: "translateY(0)" },
},
},
},
},
plugins: [],
};