🐛 fix(tailwind.config.js): rename keyframes from "accordion-down" to "slideDown" and from "accordion-up" to "slideUp" for better clarity and semantics
✨ feat(tailwind.config.js): update animation durations for "accordion-down" to 300ms ease-out and "accordion-up" to 300ms ease-in for smoother transitions
This commit is contained in:
parent
96b432d127
commit
d745f90598
1 changed files with 6 additions and 5 deletions
|
|
@ -130,18 +130,18 @@ module.exports = {
|
|||
sans: ["var(--font-sans)", ...fontFamily.sans],
|
||||
},
|
||||
keyframes: {
|
||||
"accordion-down": {
|
||||
"slideDown": {
|
||||
from: { height: 0 },
|
||||
to: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: 100},
|
||||
},
|
||||
"accordion-up": {
|
||||
"slideUp": {
|
||||
from: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: 0 },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
"accordion-down": "slideDown 300ms ease-out",
|
||||
"accordion-up": "slideUp 300ms ease-in",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -227,4 +227,5 @@ module.exports = {
|
|||
require("@tailwindcss/typography"),
|
||||
require("daisyui"),
|
||||
],
|
||||
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue