Magnific popup with velocity.js animation boilerplate

magnific-velocity.js

$.magnificPopup.open({
  items: {
    src: '#popup',
    type: 'inline'
  },
  removalDelay: 400,
  callbacks: {
    open: function () {
      this.content.velocity('transition.slideDownIn', {
        duration: 400
      });
    },
    beforeClose: function () { 
      this.content.velocity('transition.slideUpOut', {
        duration: 400
      });
    }
  }
});