33 lines
909 B
JavaScript
33 lines
909 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
display: ['Inter', 'ui-sans-serif', 'system-ui'],
|
|
},
|
|
boxShadow: {
|
|
ember: '0 0 40px rgba(244, 63, 94, 0.18)',
|
|
},
|
|
keyframes: {
|
|
flipTile: {
|
|
'0%': { transform: 'rotateX(0deg)' },
|
|
'48%': { transform: 'rotateX(88deg)' },
|
|
'52%': { transform: 'rotateX(88deg)' },
|
|
'100%': { transform: 'rotateX(0deg)' },
|
|
},
|
|
shake: {
|
|
'0%, 100%': { transform: 'translateX(0)' },
|
|
'20%, 60%': { transform: 'translateX(-6px)' },
|
|
'40%, 80%': { transform: 'translateX(6px)' },
|
|
},
|
|
},
|
|
animation: {
|
|
flipTile: 'flipTile 520ms ease-in-out both',
|
|
shake: 'shake 260ms ease-in-out',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|