Add custom animations and keyframes for accordion and caret `bits-ui` components

This commit is contained in:
pheralb 2025-02-01 20:40:23 +00:00
parent fae75fb0d9
commit 6db07df810

View File

@ -40,6 +40,25 @@ const config = {
},
fontSize: {
mini: '14px'
},
keyframes: {
'accordion-down': {
from: { height: '0' },
to: { height: 'var(--bits-accordion-content-height)' }
},
'accordion-up': {
from: { height: 'var(--bits-accordion-content-height)' },
to: { height: '0' }
},
'caret-blink': {
'0%,70%,100%': { opacity: '1' },
'20%,50%': { opacity: '0' }
}
},
animation: {
'accordion-down': 'accordion-down 0.2s ease-out',
'accordion-up': 'accordion-up 0.2s ease-out',
'caret-blink': 'caret-blink 1.25s ease-out infinite'
}
}
},