feat: add tailwind defs for radix accordion

skip-mev · Oct 26, 2023 · c9a46b5 · c9a46b5
1 parent 7d64407
commit c9a46b5
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -21,17 +21,30 @@ 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')",
       },
       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: [