react-burgers-classname
Version:
fork of: [https://react-burgers.netlify.com/](https://react-burgers.netlify.com/) with added support for own className
79 lines (52 loc) • 6.72 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _style = require('styled-jsx/style');
var _style2 = _interopRequireDefault(_style);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _base = require('../base');
var _base2 = _interopRequireDefault(_base);
var _defaultProps = require('../default-props');
var _defaultProps2 = _interopRequireDefault(_defaultProps);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ArrowAltReverse = function (_React$Component) {
(0, _inherits3.default)(ArrowAltReverse, _React$Component);
function ArrowAltReverse() {
(0, _classCallCheck3.default)(this, ArrowAltReverse);
return (0, _possibleConstructorReturn3.default)(this, (ArrowAltReverse.__proto__ || Object.getPrototypeOf(ArrowAltReverse)).apply(this, arguments));
}
(0, _createClass3.default)(ArrowAltReverse, [{
key: 'render',
value: function render() {
var width = this.props.width;
var widthX = width * .2;
var widthY = width * .25;
return _react2.default.createElement(
_base2.default,
(0, _extends3.default)({ typeClassName: 'BurgerArrowAltReverse' }, this.props),
_react2.default.createElement(_style2.default, {
styleId: '2719121416',
css: '.BurgerArrowAltReverse .BurgerInner:before{-webkit-transition:top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);}.BurgerArrowAltReverse .BurgerInner:after{-webkit-transition:bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);}.BurgerArrowAltReverse.BurgerActive .BurgerInner:before{top:0;-webkit-transform:translate3d(' + widthX + 'px,-' + widthY + 'px,0) rotate(45deg) scale(0.7,1);-ms-transform:translate3d(' + widthX + 'px,-' + widthY + 'px,0) rotate(45deg) scale(0.7,1);transform:translate3d(' + widthX + 'px,-' + widthY + 'px,0) rotate(45deg) scale(0.7,1);-webkit-transition:top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);}.BurgerArrowAltReverse.BurgerActive .BurgerInner:after{bottom:0;-webkit-transform:translate3d(' + widthX + 'px,' + widthY + 'px,0) rotate(-45deg) scale(0.7,1);-ms-transform:translate3d(' + widthX + 'px,' + widthY + 'px,0) rotate(-45deg) scale(0.7,1);transform:translate3d(' + widthX + 'px,' + widthY + 'px,0) rotate(-45deg) scale(0.7,1);-webkit-transition:bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9hcnJvdy1hbHQtcmV2ZXJzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUIsQUFJOEQsQUFJQSxBQUc5QyxBQU1HLE1BTDZHLEdBTUEseVBBYnhILFNBSUEsZ0dBS2dFLEdBTUEsMlFBTC9ELFlBTUEiLCJmaWxlIjoiLi4vLi4vc3JjL3R5cGVzL2Fycm93LWFsdC1yZXZlcnNlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgQmFzZSBmcm9tICcuLi9iYXNlJ1xuaW1wb3J0IGRlZmF1bHRQcm9wcyBmcm9tICcuLi9kZWZhdWx0LXByb3BzJ1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBBcnJvd0FsdFJldmVyc2UgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnR7XG5cdHJlbmRlcigpe1xuXHRcdGxldCB7IHdpZHRoIH0gPSB0aGlzLnByb3BzXG5cdFx0bGV0IHdpZHRoWCA9IHdpZHRoICogLjJcblx0XHRsZXQgd2lkdGhZID0gd2lkdGggKiAuMjVcblx0XHRyZXR1cm4gKFxuXHRcdFx0PEJhc2UgdHlwZUNsYXNzTmFtZT0nQnVyZ2VyQXJyb3dBbHRSZXZlcnNlJyB7Li4udGhpcy5wcm9wc30+XG5cdFx0XHRcdDxzdHlsZSBqc3ggZ2xvYmFsPntgXG5cdFx0XHRcdFx0LkJ1cmdlckFycm93QWx0UmV2ZXJzZXtcblx0XHRcdFx0XHRcdC5CdXJnZXJJbm5lcntcblx0XHRcdFx0XHRcdFx0JjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IHRvcCAwLjFzIDAuMXMgZWFzZSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybSAwLjFzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSk7XG5cdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiBib3R0b20gMC4xcyAwLjFzIGVhc2UsXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4xcyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdCYuQnVyZ2VyQWN0aXZle1xuXHRcdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXJ7XG5cdFx0XHRcdFx0XHRcdFx0JjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgke3dpZHRoWH1weCwgLSR7d2lkdGhZfXB4LCAwKSByb3RhdGUoNDVkZWcpIHNjYWxlKDAuNywgMSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0b3AgMC4xcyBlYXNlLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4xcyAwLjFzIGN1YmljLWJlemllcigwLjg5NSwgMC4wMywgMC42ODUsIDAuMjIpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgke3dpZHRoWH1weCwgJHt3aWR0aFl9cHgsIDApIHJvdGF0ZSgtNDVkZWcpIHNjYWxlKDAuNywgMSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiBib3R0b20gMC4xcyBlYXNlLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4xcyAwLjFzIGN1YmljLWJlemllcigwLjg5NSwgMC4wMywgMC42ODUsIDAuMjIpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0YH08L3N0eWxlPlxuXHRcdFx0PC9CYXNlPlxuXHRcdClcblx0fVxufVxuXG5BcnJvd0FsdFJldmVyc2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzIl19 */\n/*@ sourceURL=../../src/types/arrow-alt-reverse.js */',
dynamic: [widthX, widthY, widthX, widthY]
})
);
}
}]);
return ArrowAltReverse;
}(_react2.default.Component);
exports.default = ArrowAltReverse;
ArrowAltReverse.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=arrow-alt-reverse.js.map