56 lines
1.3 KiB
TypeScript
56 lines
1.3 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: {
|
|
background: "var(--background)",
|
|
foreground: "var(--foreground)",
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'fade-in-up': 'fade-in-up 0.8s ease-out',
|
|
'float': 'float 3s ease-in-out infinite',
|
|
'pulse-glow': 'pulse-glow 2s ease-in-out infinite',
|
|
},
|
|
keyframes: {
|
|
'fade-in-up': {
|
|
'0%': {
|
|
opacity: '0',
|
|
transform: 'translateY(30px)',
|
|
},
|
|
'100%': {
|
|
opacity: '1',
|
|
transform: 'translateY(0)',
|
|
},
|
|
},
|
|
'float': {
|
|
'0%, 100%': {
|
|
transform: 'translateY(0px)',
|
|
},
|
|
'50%': {
|
|
transform: 'translateY(-10px)',
|
|
},
|
|
},
|
|
'pulse-glow': {
|
|
'0%, 100%': {
|
|
boxShadow: '0 0 5px rgba(59, 130, 246, 0.5)',
|
|
},
|
|
'50%': {
|
|
boxShadow: '0 0 20px rgba(59, 130, 246, 0.8)',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|