40 lines
938 B
JavaScript
40 lines
938 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
pop: {
|
|
pink: "#FF69B4",
|
|
yellow: "#FFF200",
|
|
orange: "#FF8800",
|
|
red: "#FF3333",
|
|
cyan: "#00FFFF",
|
|
green: "#39FF14",
|
|
purple: "#BA55D3",
|
|
bg: "#FFF9E6",
|
|
black: "#111111",
|
|
},
|
|
},
|
|
boxShadow: {
|
|
'brutal': '6px 6px 0px 0px #111',
|
|
'brutal-hover': '2px 2px 0px 0px #111',
|
|
},
|
|
animation: {
|
|
'pop-in': 'pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards',
|
|
'spin-slow': 'spin 8s linear infinite',
|
|
},
|
|
keyframes: {
|
|
'pop-in': {
|
|
'0%': { opacity: '0', transform: 'scale(0.8)' },
|
|
'100%': { opacity: '1', transform: 'scale(1)' },
|
|
},
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|