react-user-tour/dist/arrow-styles.js

give your user a guided tour around your application

"use strict";

Object.defineProperty(exports, "__esModule", {
	value: true
});
var arrowUp = function arrowUp(_ref) {
	var color = _ref.color;
	var size = _ref.size;

	return {
		width: "0px",
		height: "0px",
		borderLeft: size + "px solid transparent",
		borderRight: size + "px solid transparent",
		borderBottom: size + "px solid " + color,
		position: "absolute",
		top: "-" + size + "px"
	};
};

exports.arrowUp = arrowUp;
var arrowDown = function arrowDown(_ref2) {
	var color = _ref2.color;
	var size = _ref2.size;

	return {
		width: "0px",
		height: "0px",
		borderLeft: size + "px solid transparent",
		borderRight: size + "px solid transparent",
		borderTop: size + "px solid " + color,
		position: "absolute"
	};
};

exports.arrowDown = arrowDown;
var arrowRight = function arrowRight(_ref3) {
	var color = _ref3.color;
	var size = _ref3.size;

	return {
		width: "0px",
		height: "0px",
		borderTop: size + "px solid transparent",
		borderBottom: size + "px solid transparent",
		borderLeft: size + "px solid " + color,
		position: "absolute"
	};
};

exports.arrowRight = arrowRight;
var arrowLeft = function arrowLeft(_ref4) {
	var color = _ref4.color;
	var size = _ref4.size;

	return {
		width: "0px",
		height: "0px",
		borderTop: size + "px solid transparent",
		borderBottom: size + "px solid transparent",
		borderRight: size + "px solid " + color,
		position: "absolute",
		left: "-" + size + "px"
	};
};
exports.arrowLeft = arrowLeft;