mirror of
https://github.com/pheralb/svgl.git
synced 2025-02-05 22:48:17 +08:00
✨ Add custom animations and keyframes for accordion and caret `bits-ui
` components
This commit is contained in:
parent
fae75fb0d9
commit
6db07df810
@ -40,6 +40,25 @@ const config = {
|
|||||||
},
|
},
|
||||||
fontSize: {
|
fontSize: {
|
||||||
mini: '14px'
|
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'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user