Build Evil Wordle app
This commit is contained in:
32
tailwind.config.js
Normal file
32
tailwind.config.js
Normal file
@@ -0,0 +1,32 @@
|
||||
/** @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: [],
|
||||
};
|
||||
Reference in New Issue
Block a user