bbm-component-library-test/dist/Toastr/styles.js

React based component library for all BBM web applications

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IconWrapper = exports.Text = exports.Wrapper = undefined;

var _templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: fixed;\n  opacity: 0;\n  top: -", ";\n  z-index: 1;\n  width: 100%;\n  min-height: ", ";\n  background-color: ", ";\n  box-shadow: 0 ", " ", " 0 rgba(28, 205, 163, 0.3);\n  transition: 0.4s ease-in-out;\n\n  ", ";\n\n  :hover {\n    opacity: 0.8;\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  cursor: pointer;\n  position: fixed;\n  opacity: 0;\n  top: -", ";\n  z-index: 1;\n  width: 100%;\n  min-height: ", ";\n  background-color: ", ";\n  box-shadow: 0 ", " ", " 0 rgba(28, 205, 163, 0.3);\n  transition: 0.4s ease-in-out;\n\n  ", ";\n\n  :hover {\n    opacity: 0.8;\n  }\n\n  ", ";\n\n  ", ";\n"]),
    _templateObject2 = _taggedTemplateLiteral(["\n    min-height: ", ";\n  "], ["\n    min-height: ", ";\n  "]),
    _templateObject3 = _taggedTemplateLiteral(["\n      opacity: 1;\n      top: 0;\n    "], ["\n      opacity: 1;\n      top: 0;\n    "]),
    _templateObject4 = _taggedTemplateLiteral(["\n      opacity: 0;\n      top: -", ";\n    "], ["\n      opacity: 0;\n      top: -", ";\n    "]),
    _templateObject5 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-family: \"Lato\";\n  letter-spacing: ", ";\n  text-align: center;\n  padding: ", " 0 ", ";\n  color: ", ";\n  width: 90%;\n  margin: 0 auto;\n\n  ", ";\n"], ["\n  font-size: ", ";\n  font-family: \"Lato\";\n  letter-spacing: ", ";\n  text-align: center;\n  padding: ", " 0 ", ";\n  color: ", ";\n  width: 90%;\n  margin: 0 auto;\n\n  ", ";\n"]),
    _templateObject6 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    padding-top: ", ";\n  "], ["\n    font-size: ", ";\n    padding-top: ", ";\n  "]),
    _templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", ";\n  right: ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  top: ", ";\n  right: ", ";\n\n  ", ";\n"]),
    _templateObject8 = _taggedTemplateLiteral(["\n    top: ", ";\n  "], ["\n    top: ", ";\n  "]);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _settings = require("../Common/styles/settings");

var _tools = require("../Common/styles/tools");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = exports.Wrapper = _styledComponents2.default.div(_templateObject, (0, _tools.rem)(50), (0, _tools.rem)(34), _settings.lightGreen, (0, _tools.rem)(4), (0, _tools.rem)(22), _tools.media.md((0, _styledComponents.css)(_templateObject2, (0, _tools.rem)(40))), function (_ref) {
  var opened = _ref.opened;
  return opened && (0, _styledComponents.css)(_templateObject3);
}, function (_ref2) {
  var opened = _ref2.opened;
  return !opened && (0, _styledComponents.css)(_templateObject4, (0, _tools.rem)(50));
});

var Text = exports.Text = _styledComponents2.default.p(_templateObject5, (0, _tools.rem)(14), (0, _tools.rem)(0.1), (0, _tools.rem)(10), (0, _tools.rem)(5), _settings.white, _tools.media.md((0, _styledComponents.css)(_templateObject6, (0, _tools.rem)(15), (0, _tools.rem)(12))));

var IconWrapper = exports.IconWrapper = _styledComponents2.default.div(_templateObject7, (0, _tools.rem)(10), (0, _tools.rem)(10), _tools.media.md((0, _styledComponents.css)(_templateObject8, (0, _tools.rem)(12))));