49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
dark: {
|
|
50: '#18181b',
|
|
100: '#0f0f12',
|
|
200: '#09090b',
|
|
}
|
|
},
|
|
animation: {
|
|
'gradient': 'gradient 8s linear infinite',
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
},
|
|
keyframes: {
|
|
gradient: {
|
|
'0%, 100%': {
|
|
'background-size': '200% 200%',
|
|
'background-position': 'left center'
|
|
},
|
|
'50%': {
|
|
'background-size': '200% 200%',
|
|
'background-position': 'right center'
|
|
},
|
|
},
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
glow: {
|
|
'from': {
|
|
'text-shadow': '0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073',
|
|
},
|
|
'to': {
|
|
'text-shadow': '0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|