|
|
|
|
|
module.exports = { |
|
|
content: [ |
|
|
"./src/**/*.{js,jsx,ts,tsx}", |
|
|
], |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: { |
|
|
50: '#eff6ff', |
|
|
100: '#dbeafe', |
|
|
200: '#bfdbfe', |
|
|
300: '#93c5fd', |
|
|
400: '#60a5fa', |
|
|
500: '#3b82f6', |
|
|
600: '#2563eb', |
|
|
700: '#1d4ed8', |
|
|
800: '#1e40af', |
|
|
900: '#1e3a8a', |
|
|
}, |
|
|
cultural: { |
|
|
50: '#fefce8', |
|
|
100: '#fef9c3', |
|
|
200: '#fef08a', |
|
|
300: '#fde047', |
|
|
400: '#facc15', |
|
|
500: '#eab308', |
|
|
600: '#ca8a04', |
|
|
700: '#a16207', |
|
|
800: '#854d0e', |
|
|
900: '#713f12', |
|
|
} |
|
|
}, |
|
|
fontFamily: { |
|
|
sans: ['Inter', 'system-ui', 'sans-serif'], |
|
|
}, |
|
|
animation: { |
|
|
'fade-in': 'fadeIn 0.3s ease-in-out', |
|
|
'slide-in': 'slideIn 0.3s ease-out', |
|
|
'bounce-in': 'bounceIn 0.6s ease-out', |
|
|
}, |
|
|
keyframes: { |
|
|
fadeIn: { |
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' }, |
|
|
'100%': { opacity: '1', transform: 'translateY(0)' }, |
|
|
}, |
|
|
slideIn: { |
|
|
'0%': { transform: 'translateX(-100%)' }, |
|
|
'100%': { transform: 'translateX(0)' }, |
|
|
}, |
|
|
bounceIn: { |
|
|
'0%': { transform: 'scale(0.3)', opacity: '0' }, |
|
|
'50%': { transform: 'scale(1.05)' }, |
|
|
'70%': { transform: 'scale(0.9)' }, |
|
|
'100%': { transform: 'scale(1)', opacity: '1' }, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
plugins: [], |
|
|
} |
