react-burgers-classname/dist/types/slider-reverse.js

fork of: [https://react-burgers.netlify.com/](https://react-burgers.netlify.com/) with added support for own className

'use strict';

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 SliderReverse = function (_React$Component) {
	(0, _inherits3.default)(SliderReverse, _React$Component);

	function SliderReverse() {
		(0, _classCallCheck3.default)(this, SliderReverse);
		return (0, _possibleConstructorReturn3.default)(this, (SliderReverse.__proto__ || Object.getPrototypeOf(SliderReverse)).apply(this, arguments));
	}

	(0, _createClass3.default)(SliderReverse, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    lineHeight = _props.lineHeight,
			    lineSpacing = _props.lineSpacing,
			    width = _props.width;


			var yOffset = lineSpacing + lineHeight;

			return _react2.default.createElement(
				_base2.default,
				(0, _extends3.default)({ typeClassName: 'BurgerSliderReverse' }, this.props),
				_react2.default.createElement(_style2.default, {
					styleId: '63542277',
					css: '.BurgerSliderReverse .BurgerInner{top:' + lineHeight / 2 + 'px;}.BurgerSliderReverse .BurgerInner:before{top:' + yOffset + 'px;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0.15s;transition-duration:0.15s;}.BurgerSliderReverse .BurgerInner:after{top:' + yOffset * 2 + 'px;}.BurgerSliderReverse.BurgerActive .BurgerInner{-webkit-transform:translate3d(0,' + yOffset + 'px,0) rotate(-45deg);-ms-transform:translate3d(0,' + yOffset + 'px,0) rotate(-45deg);transform:translate3d(0,' + yOffset + 'px,0) rotate(-45deg);}.BurgerSliderReverse.BurgerActive .BurgerInner:before{-webkit-transform:rotate(45deg) translate3d(' + width / 7 + 'px,' + lineSpacing * -1 + 'px,0);-ms-transform:rotate(45deg) translate3d(' + width / 7 + 'px,' + lineSpacing * -1 + 'px,0);transform:rotate(45deg) translate3d(' + width / 7 + 'px,' + lineSpacing * -1 + 'px,0);opacity:0;}.BurgerSliderReverse.BurgerActive .BurgerInner:after{-webkit-transform:translate3d(0,' + yOffset * -2 + 'px,0) rotate(90deg);-ms-transform:translate3d(0,' + yOffset * -2 + 'px,0) rotate(90deg);transform:translate3d(0,' + yOffset * -2 + 'px,0) rotate(90deg);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9zbGlkZXItcmV2ZXJzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVCLEFBRzJDLEFBSUMsQUFPQSxBQUd3QyxBQUc2QixBQUk3QixtQ0FwQjdFLEFBSXlDLEFBT3hDLDBJQU5pQyx1REFnQmhDLEdBUEQsY0FSMkIsNERBQzNCLFVBVVksVUFDWCIsImZpbGUiOiIuLi8uLi9zcmMvdHlwZXMvc2xpZGVyLXJldmVyc2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCBCYXNlIGZyb20gJy4uL2Jhc2UnXG5pbXBvcnQgZGVmYXVsdFByb3BzIGZyb20gJy4uL2RlZmF1bHQtcHJvcHMnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFNsaWRlclJldmVyc2UgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnR7XG5cdHJlbmRlcigpe1xuXHRcdGxldCB7XG5cdFx0XHRsaW5lSGVpZ2h0LFxuXHRcdFx0bGluZVNwYWNpbmcsXG5cdFx0XHR3aWR0aCxcblx0XHR9ID0gdGhpcy5wcm9wc1xuXG5cdFx0bGV0IHlPZmZzZXQgPSBsaW5lU3BhY2luZyArIGxpbmVIZWlnaHRcblxuXHRcdHJldHVybiAoXG5cdFx0XHQ8QmFzZSB0eXBlQ2xhc3NOYW1lPSdCdXJnZXJTbGlkZXJSZXZlcnNlJyB7Li4udGhpcy5wcm9wc30+XG5cdFx0XHRcdDxzdHlsZSBqc3ggZ2xvYmFsPntgXG5cdFx0XHRcdFx0LkJ1cmdlclNsaWRlclJldmVyc2V7XG5cdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHR0b3A6ICR7bGluZUhlaWdodCAvIDJ9cHg7XG5cblx0XHRcdFx0XHRcdFx0JjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0XHRcdHRvcDogJHt5T2Zmc2V0fXB4O1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybSwgb3BhY2l0eTtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZTtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjE1cztcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHR0b3A6ICR7eU9mZnNldCAqIDJ9cHg7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0Ji5CdXJnZXJBY3RpdmUge1xuXHRcdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgJHt5T2Zmc2V0fXB4LCAwKSByb3RhdGUoLTQ1ZGVnKTtcblxuXHRcdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKSB0cmFuc2xhdGUzZCgke3dpZHRoIC8gN31weCwgJHtsaW5lU3BhY2luZyAqIC0xfXB4LCAwKTtcblx0XHRcdFx0XHRcdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAke3lPZmZzZXQgKiAtMn1weCwgMCkgcm90YXRlKDkwZGVnKTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdGB9PC9zdHlsZT5cblx0XHRcdDwvQmFzZT5cblx0XHQpXG5cdH1cbn1cblxuU2xpZGVyUmV2ZXJzZS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHMiXX0= */\n/*@ sourceURL=../../src/types/slider-reverse.js */',
					dynamic: [lineHeight / 2, yOffset, yOffset * 2, yOffset, width / 7, lineSpacing * -1, yOffset * -2]
				})
			);
		}
	}]);
	return SliderReverse;
}(_react2.default.Component);

exports.default = SliderReverse;


SliderReverse.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=slider-reverse.js.map