30 lines
836 B
JavaScript
30 lines
836 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
'slide-up': {
|
|
'0%': { transform: 'translateY(100%)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' }
|
|
},
|
|
'fade-in': {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' }
|
|
},
|
|
'success-appear': {
|
|
'0%': { transform: 'scale(0.8)', opacity: '0' },
|
|
'100%': { transform: 'scale(1)', opacity: '1' }
|
|
}
|
|
},
|
|
animation: {
|
|
'slide-up': 'slide-up 0.3s ease-out',
|
|
'fade-in': 'fade-in 0.3s ease-out',
|
|
'success-appear': 'success-appear 0.5s ease-out'
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
}; |