🐛 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:
Cristhian Zanforlin Lousa 2023-07-11 13:59:25 -03:00
commit d745f90598

View file

@ -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"),
],
};