🐛 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],
|
sans: ["var(--font-sans)", ...fontFamily.sans],
|
||||||
},
|
},
|
||||||
keyframes: {
|
keyframes: {
|
||||||
"accordion-down": {
|
"slideDown": {
|
||||||
from: { height: 0 },
|
from: { height: 0 },
|
||||||
to: { height: "var(--radix-accordion-content-height)" },
|
to: { height: 100},
|
||||||
},
|
},
|
||||||
"accordion-up": {
|
"slideUp": {
|
||||||
from: { height: "var(--radix-accordion-content-height)" },
|
from: { height: "var(--radix-accordion-content-height)" },
|
||||||
to: { height: 0 },
|
to: { height: 0 },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
animation: {
|
animation: {
|
||||||
"accordion-down": "accordion-down 0.2s ease-out",
|
"accordion-down": "slideDown 300ms ease-out",
|
||||||
"accordion-up": "accordion-up 0.2s ease-out",
|
"accordion-up": "slideUp 300ms ease-in",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -227,4 +227,5 @@ module.exports = {
|
||||||
require("@tailwindcss/typography"),
|
require("@tailwindcss/typography"),
|
||||||
require("daisyui"),
|
require("daisyui"),
|
||||||
],
|
],
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue