Skip to content

Commit

Permalink
style: add missing collapsible animations
Browse files Browse the repository at this point in the history
  • Loading branch information
stefanprobst authored Feb 13, 2025
1 parent 18ff8f4 commit 035e868
Showing 1 changed file with 24 additions and 0 deletions.
24 changes: 24 additions & 0 deletions tailwind.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,30 @@ const config = {
fontFamily: {
body: ["var(--font-sans, ui-sans-serif)", "system-ui", "sans-serif"],
},
keyframes: {
"accordion-down": {
from: { height: 0 },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
"collapsible-down": {
from: { height: 0 },
to: { height: 'var(--radix-collapsible-content-height)' },
},
"collapsible-up": {
from: { height: 'var(--radix-collapsible-content-height)' },
to: { height: 0 },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
"collapsible-down": "collapsible-down 0.2s ease-in-out",
"collapsible-up": "collapsible-up 0.2s ease-in-out",
},
},
},
} satisfies Config;
Expand Down

0 comments on commit 035e868

Please sign in to comment.