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

React based component library for all BBM web applications

"use strict";

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

var _templateObject = _taggedTemplateLiteral(["\n  from {\n    left: 50%;\n    width: 0;\n    z-index: 100;\n  }\n\n  33.333% {\n    left: 0;\n    width: 100%;\n    z-index: 10;\n  }\n\n  to {\n    left: 0;\n    width: 100%;\n  }\n"], ["\n  from {\n    left: 50%;\n    width: 0;\n    z-index: 100;\n  }\n\n  33.333% {\n    left: 0;\n    width: 100%;\n    z-index: 10;\n  }\n\n  to {\n    left: 0;\n    width: 100%;\n  }\n"]),
    _templateObject2 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  width: 100%;\n  height: ", ";\n  background-color: ", ";\n  z-index: 100000;\n"], ["\n  position: fixed;\n  top: 0;\n  width: 100%;\n  height: ", ";\n  background-color: ", ";\n  z-index: 100000;\n"]),
    _templateObject3 = _taggedTemplateLiteral(["\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  width: 0;\n  height: 100%;\n  left: 50%;\n  text-align: center;\n\n  :nth-child(1) {\n    background-color: ", ";\n    animation: ", " 3s linear infinite;\n  }\n\n  :nth-child(2) {\n    background-color: ", ";\n    animation: ", " 3s linear 1s infinite;\n  }\n\n  :nth-child(3) {\n    background-color: ", ";\n    animation: ", " 3s linear 2s infinite;\n  }\n"], ["\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  width: 0;\n  height: 100%;\n  left: 50%;\n  text-align: center;\n\n  :nth-child(1) {\n    background-color: ", ";\n    animation: ", " 3s linear infinite;\n  }\n\n  :nth-child(2) {\n    background-color: ", ";\n    animation: ", " 3s linear 1s infinite;\n  }\n\n  :nth-child(3) {\n    background-color: ", ";\n    animation: ", " 3s linear 2s infinite;\n  }\n"]);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

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

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 loading = (0, _styledComponents.keyframes)(_templateObject);

var Wrapper = exports.Wrapper = _styledComponents2.default.div(_templateObject2, (0, _tools.rem)(3), _settings.white);

var Bar = exports.Bar = _styledComponents2.default.div(_templateObject3, _settings.darkBlue, loading, _settings.blue10, loading, _settings.white, loading);