69 lines
1.8 KiB
TypeScript
69 lines
1.8 KiB
TypeScript
|
import type { Config } from "tailwindcss";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
||
|
|
theme: {
|
||
|
|
animation: {
|
||
|
|
reveal: "reveal 0.3s forwards ease-in-out",
|
||
|
|
logo: "logo 0.5s forwards ease-out",
|
||
|
|
"gradient-x": "gradient-x 6s ease infinite",
|
||
|
|
"gradient-y": "gradient-y 6s ease infinite",
|
||
|
|
"gradient-xy": "gradient-xy 6s ease infinite",
|
||
|
|
},
|
||
|
|
keyframes: {
|
||
|
|
reveal: {
|
||
|
|
"0%": {
|
||
|
|
transform: "translateY(20px)",
|
||
|
|
opacity: "0",
|
||
|
|
filter: "blur(4px)",
|
||
|
|
},
|
||
|
|
"100%": {
|
||
|
|
transform: "translateY(0px)",
|
||
|
|
opacity: "1",
|
||
|
|
filter: "blur(0px)",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
logo: {
|
||
|
|
"0%": {
|
||
|
|
transform: "translateY(100%)",
|
||
|
|
color: "hsl(var(--primary))",
|
||
|
|
},
|
||
|
|
"100%": {
|
||
|
|
transform: "translateY(0%)",
|
||
|
|
color: "hsl(var(--secondary))",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
"gradient-y": {
|
||
|
|
"0%, 100%": {
|
||
|
|
"background-size": "400% 400%",
|
||
|
|
"background-position": "center top",
|
||
|
|
},
|
||
|
|
"50%": {
|
||
|
|
"background-size": "200% 200%",
|
||
|
|
"background-position": "center center",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
"gradient-x": {
|
||
|
|
"0%, 100%": {
|
||
|
|
"background-size": "200% 200%",
|
||
|
|
"background-position": "left center",
|
||
|
|
},
|
||
|
|
"50%": {
|
||
|
|
"background-size": "200% 200%",
|
||
|
|
"background-position": "right center",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
"gradient-xy": {
|
||
|
|
"0%, 100%": {
|
||
|
|
"background-size": "400% 400%",
|
||
|
|
"background-position": "left center",
|
||
|
|
},
|
||
|
|
"50%": {
|
||
|
|
"background-size": "200% 200%",
|
||
|
|
"background-position": "right center",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
} satisfies Config;
|