mirror of
https://github.com/Snigdha-OS/snigdhaos-web-dev.git
synced 2025-09-05 21:06:37 +02:00
42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
module.exports = {
|
|
theme: {
|
|
extend: {
|
|
animation: {
|
|
'fade-in-up': 'fadeInUp 0.5s ease-out',
|
|
'fade-in-down': 'fadeInDown 0.5s ease-out',
|
|
'fade-out-up': 'fadeOutUp 0.5s ease-in',
|
|
'spin': 'spin 0.5s linear',
|
|
'spin-reverse': 'spinReverse 0.5s linear',
|
|
},
|
|
keyframes: {
|
|
fadeInUp: {
|
|
'0%': { opacity: 0, transform: 'translateY(20px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
fadeInDown: {
|
|
'0%': { opacity: 0, transform: 'translateY(-20px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
fadeOutUp: {
|
|
'0%': { opacity: 1, transform: 'translateY(0)' },
|
|
'100%': { opacity: 0, transform: 'translateY(-20px)' },
|
|
},
|
|
spinReverse: {
|
|
'0%': { transform: 'rotate(0deg)' },
|
|
'100%': { transform: 'rotate(-360deg)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|