react-background-animation/dist/cssEffects/ocean/oceanStyled.js

React effect components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Ocean = void 0;

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

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n.ocean { \n  height: 5%;\n  width:100%;\n  position: fixed;\n  bottom:0;\n  left:0;\n  background: #015871;\n}\n\n.wave {\n  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; \n  position: absolute;\n  top: -198px;\n  width: 6400px;\n  height: 198px;\n  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;\n  transform: translate3d(0, 0, 0);\n}\n\n.wave:nth-of-type(2) {\n  top: -175px;\n  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;\n  opacity: 1;\n}\n\n@keyframes wave {\n  0% {\n    margin-left: 0;\n  }\n  100% {\n    margin-left: -1600px;\n  }\n}\n\n@keyframes swell {\n  0%, 100% {\n    transform: translate3d(0,-25px,0);\n  }\n  50% {\n    transform: translate3d(0,5px,0);\n  }\n}\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
var mobileFont = 'times new roman';

var Ocean = _styledComponents["default"].div(_templateObject());

exports.Ocean = Ocean;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jc3NFZmZlY3RzL29jZWFuL29jZWFuU3R5bGVkLmpzIl0sIm5hbWVzIjpbImlzTW9iaWxlIiwidGVzdCIsIm5hdmlnYXRvciIsInVzZXJBZ2VudCIsIm1vYmlsZUZvbnQiLCJPY2VhbiIsInN0eWxlZCIsImRpdiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFQSxJQUFNQSxRQUFRLEdBQUcsaUVBQWlFQyxJQUFqRSxDQUFzRUMsU0FBUyxDQUFDQyxTQUFoRixDQUFqQjtBQUNBLElBQU1DLFVBQVUsR0FBRyxpQkFBbkI7O0FBRU8sSUFBTUMsS0FBSyxHQUFHQyw2QkFBT0MsR0FBVixtQkFBWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQsIHsga2V5ZnJhbWVzIH0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnXHJcblxyXG5jb25zdCBpc01vYmlsZSA9IC9BbmRyb2lkfHdlYk9TfGlQaG9uZXxpUGFkfGlQb2R8QmxhY2tCZXJyeXxJRU1vYmlsZXxPcGVyYSBNaW5pL2kudGVzdChuYXZpZ2F0b3IudXNlckFnZW50KVxyXG5jb25zdCBtb2JpbGVGb250ID0gJ3RpbWVzIG5ldyByb21hbidcclxuXHJcbmV4cG9ydCBjb25zdCBPY2VhbiA9IHN0eWxlZC5kaXZgXHJcbi5vY2VhbiB7IFxyXG4gIGhlaWdodDogNSU7XHJcbiAgd2lkdGg6MTAwJTtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgYm90dG9tOjA7XHJcbiAgbGVmdDowO1xyXG4gIGJhY2tncm91bmQ6ICMwMTU4NzE7XHJcbn1cclxuXHJcbi53YXZlIHtcclxuICBiYWNrZ3JvdW5kOiB1cmwoaHR0cHM6Ly9zMy11cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9zLmNkcG4uaW8vODU0ODYvd2F2ZS5zdmcpIHJlcGVhdC14OyBcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgdG9wOiAtMTk4cHg7XHJcbiAgd2lkdGg6IDY0MDBweDtcclxuICBoZWlnaHQ6IDE5OHB4O1xyXG4gIGFuaW1hdGlvbjogd2F2ZSA3cyBjdWJpYy1iZXppZXIoIDAuMzYsIDAuNDUsIDAuNjMsIDAuNTMpIGluZmluaXRlO1xyXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7XHJcbn1cclxuXHJcbi53YXZlOm50aC1vZi10eXBlKDIpIHtcclxuICB0b3A6IC0xNzVweDtcclxuICBhbmltYXRpb246IHdhdmUgN3MgY3ViaWMtYmV6aWVyKCAwLjM2LCAwLjQ1LCAwLjYzLCAwLjUzKSAtLjEyNXMgaW5maW5pdGUsIHN3ZWxsIDdzIGVhc2UgLTEuMjVzIGluZmluaXRlO1xyXG4gIG9wYWNpdHk6IDE7XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgd2F2ZSB7XHJcbiAgMCUge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgfVxyXG4gIDEwMCUge1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0xNjAwcHg7XHJcbiAgfVxyXG59XHJcblxyXG5Aa2V5ZnJhbWVzIHN3ZWxsIHtcclxuICAwJSwgMTAwJSB7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsLTI1cHgsMCk7XHJcbiAgfVxyXG4gIDUwJSB7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsNXB4LDApO1xyXG4gIH1cclxufVxyXG5gIl19