35 lines
917 B
JavaScript
35 lines
917 B
JavaScript
|
/** @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: [],
|
||
|
|
};
|