mirror of
https://github.com/infinilabs/coco-app.git
synced 2025-12-16 11:37:47 +01:00
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import animate from "tailwindcss-animate";
|
|
|
|
export default {
|
|
theme: {
|
|
extend: {
|
|
animation: {
|
|
"fade-in": "fade-in 0.2s ease-in-out",
|
|
typing: "typing 1.5s ease-in-out infinite",
|
|
shake: "shake 0.5s ease-in-out",
|
|
},
|
|
keyframes: {
|
|
"fade-in": {
|
|
"0%": { opacity: "0" },
|
|
"100%": { opacity: "1" },
|
|
},
|
|
typing: {
|
|
"0%": { opacity: "0.3" },
|
|
"50%": { opacity: "1" },
|
|
"100%": { opacity: "0.3" },
|
|
},
|
|
shake: {
|
|
"0%, 100%": { transform: "rotate(0deg)" },
|
|
"25%": { transform: "rotate(-20deg)" },
|
|
"75%": { transform: "rotate(20deg)" },
|
|
},
|
|
},
|
|
boxShadow: {
|
|
"window-custom": "0px 16px 32px 0px rgba(0,0,0,0.3)",
|
|
},
|
|
zIndex: {
|
|
100: "100",
|
|
1000: "1000",
|
|
2000: "2000",
|
|
},
|
|
screens: {
|
|
mobile: { max: "679px" },
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [animate],
|
|
};
|