Changing slide animation

Hey, love this project! Is there a way to change the slide animation, ideally through some configuration like export { fade as animation } from 'mdx-deck/animations? If not I’d like to look into working on that, if I could have a few pointers 🤓

[dan1elhughes]

I like the idea of adding to the theme. I’m a bit confused by export default Fade, though - if I already have a layout on that slide, I thought ES6 exports could have only one default?

[jxnblk]

For per-slide animations, I was imagining something more like how layouts work for components, e.g.

import { Fade } from 'mdx-deck/animations'

export default Fade

# Fade In/Out
---

# No animation

For all slides, the other thing I’m thinking is adding a default CSS animation to a theme, maybe something like:

// example theme
import baseTheme from 'mdx-docks/themes'

export default {
  ...baseTheme,
  animationDuration: '.4s',
  animationEnter: {
    from: {
      opacity: 0
    },
    to: {
      opacity: 1
    }
  },
  animationLeave: {
    // ...animation keyframes
  }
}