mirror of
https://github.com/infinilabs/coco-app.git
synced 2026-02-24 12:10:28 +01:00
ed8a1cb477
* chore: shadcn config * feat: add shadcn ui config * style: adjust styles * style: adjust styles * refactor: update style * style: adjust styles * style: adjust styles * style: adjust styles * style: adjust styles * refactor: update * refactor: update * refactor: update * refactor: update * style: adjust styles * style: adjust styles * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update * style: web styles * refactor: update * style: web styles * style: web styles * refactor: update * refactor: update * refactor: update * chhore: add * chore: add * refactor: update * refactor: update * refactor: update * refactor: update * chore: update * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update * chore: rename * refactor: update * refactor: update * chore: add * refactor: update * chore: update * chroe: up * refactor: update * refactor: update * chore: up * refactor: update * chore: up * feat: support for extracting css variables * chore: update * fix: fixed dark mode * refactor: update * refactor: update * refactor: update * refactor: update * docs: update release notes * style: adjust styles * style: adjust styles * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update * refactor: update --------- Co-authored-by: ayang <473033518@qq.com>
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],
|
|
};
|