diff --git a/tailwind.config.js b/tailwind.config.js index 9db4ec0b..bb48c9d9 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -21,10 +21,13 @@ module.exports = { ], theme: { extend: { + animation: { + "accordion-open": `accordion-open 150ms cubic-bezier(0.87, 0, 0.13, 1)`, + "accordion-closed": `accordion-closed 150ms cubic-bezier(0.87, 0, 0.13, 1)`, + }, backgroundImage: { "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", - "gradient-conic": - "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + "gradient-conic": `conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))`, "site-bg": "url('/site-bg.svg')", "site-bg-2": "url('/site-bg-2.svg')", squiggle: "url('/squiggle.svg')", @@ -32,6 +35,16 @@ module.exports = { fontFamily: { sans: ["Jost", "sans-serif"], }, + keyframes: { + "accordion-open": { + from: { height: 0 }, + to: { height: "var(--radix-accordion-content-height)" }, + }, + "accordion-closed": { + from: { height: "var(--radix-accordion-content-height)" }, + to: { height: 0 }, + }, + }, }, }, plugins: [