twreporter-react/node_modules_node_5/react-burger-menu/src/menus/pushRotate.js

React-Redux site for The Reporter Foundation in Taiwan

'use strict';

import menuFactory from '../menuFactory';

const styles = {

  pageWrap(isOpen, width, right) {
    return {
      transform: isOpen ? '' : right ? `translate3d(-${width}px, 0, 0) rotateY(15deg)` : `translate3d(${width}px, 0, 0) rotateY(-15deg)`,
      transformOrigin: right ? '100% 50%' : '0% 50%',
      transformStyle: 'preserve-3d',
      transition: 'all 0.5s'
    };
  },

  outerContainer(isOpen) {
    return {
      perspective: '1500px',
      overflow: isOpen ? '' : 'hidden'
    };
  }
};

export default menuFactory(styles);