collapse.js 643 B

123456789101112131415161718
  1. const genCollapseMotion = token => ({
  2. [token.componentCls]: {
  3. // For common/openAnimation
  4. [`${token.antCls}-motion-collapse-legacy`]: {
  5. overflow: 'hidden',
  6. '&-active': {
  7. transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
  8. opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
  9. }
  10. },
  11. [`${token.antCls}-motion-collapse`]: {
  12. overflow: 'hidden',
  13. transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
  14. opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
  15. }
  16. }
  17. });
  18. export default genCollapseMotion;