UNPKG

twreporter-react

Version:

React-Redux site for The Reporter Foundation in Taiwan

32 lines (24 loc) 1.02 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _menuFactory = require('../menuFactory'); var _menuFactory2 = _interopRequireDefault(_menuFactory); var styles = { menuWrap: function menuWrap(isOpen, width, right) { width += 20; return { transform: isOpen ? '' : right ? 'translate3d(' + width + 'px, 0, 0)' : 'translate3d(-' + width + 'px, 0, 0)', transition: isOpen ? 'transform 0.8s cubic-bezier(0.7, 0, 0.3, 1)' : 'transform 0.4s cubic-bezier(0.7, 0, 0.3, 1)' }; }, item: function item(isOpen, width, right, nthChild) { return { transform: isOpen ? '' : 'translate3d(0, ' + nthChild * 500 + 'px, 0)', transition: isOpen ? 'transform 0.8s cubic-bezier(0.7, 0, 0.3, 1)' : 'transform 0s 0.2s cubic-bezier(0.7, 0, 0.3, 1)' }; } }; exports['default'] = (0, _menuFactory2['default'])(styles); module.exports = exports['default'];