twreporter-react
Version:
React-Redux site for The Reporter Foundation in Taiwan
31 lines (24 loc) • 614 B
JavaScript
;
import menuFactory from '../menuFactory';
const styles = {
menuWrap(isOpen) {
return {
transform: isOpen ? '' : 'translate3d(0, -100%, 0)',
transition: 'all 0.5s ease-in-out'
};
},
pageWrap(isOpen, width, right) {
return {
transform: isOpen ? '' : right ? `translate3d(-${width}px, 0, 0)` : `translate3d(${width}px, 0, 0)`,
transition: 'all 0.5s'
};
},
outerContainer(isOpen) {
return {
perspective: '1500px',
perspectiveOrigin: '0% 50%',
overflow: isOpen ? '' : 'hidden'
};
}
};
export default menuFactory(styles);