react-background-animation/dist/cssEffects/snowFall/snowStyled.js

React effect components

"use strict";

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

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

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

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n.wrapper {\n  width:100vw;\n  height:100vh;\n  background: radial-gradient(farthest-corner at 30vw 20vh,#7397a1 1%,#3f2c41 100%);\n}\n$s1:\"\";\n$s2:\"\";\n$s3:\"\";\n@for $i from 1 through 400 {\n  $s1: $s1 + random(1000)*0.1vw + \" \" + random(1000)*0.1vh + \" \" + 0 + \" \" + random(50)*-0.01rem + #fff;\n  $s2: $s2 + random(1000)*0.1vw + \" \" + random(1000)*0.1vh + \" \" + 0 + \" \" + random(50)*-0.01rem + #fff;\n  $s3: $s3 + random(1000)*0.1vw + \" \" + random(1000)*0.1vh + \" \" + 0 + \" \" + random(50)*-0.01rem + #fff;\n  @if $i < 400 {\n      $s1: $s1 + \",\";\n      $s2: $s2 + \",\";\n      $s3: $s3 + \",\";\n  }\n}\n.snow {\n  border-radius: 50%;\n  opacity: 0.8;\n  position: absolute;\n  top:-100vh;\n  animation-name: fall;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n.layer1 {\n  width: 1.5rem;\n  height: 1.5rem;\n  filter:blur(1.5px);\n  box-shadow: #{$s1};\n  animation-duration: 6s;\n}\n.layer1.a {\n  animation-delay: -3s;\n}\n.layer2 {\n  width: 1.2rem;\n  height: 1.2rem;\n  filter:blur(3px);\n  box-shadow: #{$s2};\n  animation-duration: 8s;\n}\n.layer2.a {\n  animation-delay: -4s;\n}\n.layer3 {\n  width: 0.8rem;\n  height: 0.8rem;\n  filter:blur(6px);\n  box-shadow: #{$s3};\n  animation-duration: 10s;\n}\n.layer3.a {\n  animation-delay: -5s;\n}\n@keyframes fall {\n  100% {transform: translateY(200vh); }\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 Snow = _styledComponents["default"].div(_templateObject());

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