Rehab_React_Vite/tailwind.config.js
2025-07-31 12:25:44 +03:00

55 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
const defaultConfig = require("shadcn/ui/tailwind.config")
module.exports = {
...defaultConfig,
content: [
...defaultConfig.content,
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"*.{js,ts,jsx,tsx,mdx}",
],
theme: {
...defaultConfig.theme,
extend: {
...defaultConfig.theme.extend,
animation: {
"gradient-x": "gradient-x 8s ease infinite",
float: "float 3s ease-in-out infinite",
"glow-pulse": "glow-pulse 2s ease-in-out infinite",
},
keyframes: {
"gradient-x": {
"0%, 100%": {
"background-size": "200% 200%",
"background-position": "left center",
},
"50%": {
"background-size": "200% 200%",
"background-position": "right center",
},
},
float: {
"0%, 100%": { transform: "translateY(0px)" },
"50%": { transform: "translateY(-4px)" },
},
"glow-pulse": {
"0%, 100%": {
opacity: "0.5",
transform: "scale(1)",
},
"50%": {
opacity: "1",
transform: "scale(1.05)",
},
},
},
backdropBlur: {
xl: "24px",
},
},
},
plugins: [...defaultConfig.plugins, require("tailwindcss-animate")],
}