react-background-animation
Version:
React effect components
27 lines (18 loc) • 1.96 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Building = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _templateObject() {
var data = _taggedTemplateLiteral(["\n height: 100vh;\n width: 100vw\n left: 0;\n position: fixed;\n top: 0;\n background: url(https://jackrugile.com/images/misc/skyline-texture.png);\n canvas {\n background: \n linear-gradient(\n hsl(200, 50%, 80%) 0%, \n hsl(200, 30%, 95%) 75%)\n ;\n display: block;\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 Building = _styledComponents["default"].div(_templateObject());
exports.Building = Building;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jc3NFZmZlY3RzL2Nyb3NzQnVpbGRpbmcvYnVpbGRpbmdTdHlsZWQuanMiXSwibmFtZXMiOlsiQnVpbGRpbmciLCJzdHlsZWQiLCJkaXYiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7Ozs7Ozs7Ozs7Ozs7OztBQUVPLElBQU1BLFFBQVEsR0FBR0MsNkJBQU9DLEdBQVYsbUJBQWQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IEJ1aWxkaW5nID0gc3R5bGVkLmRpdmBcclxuICBoZWlnaHQ6IDEwMHZoO1xyXG4gIHdpZHRoOiAxMDB2d1xyXG4gIGxlZnQ6IDA7XHJcbiAgcG9zaXRpb246IGZpeGVkO1xyXG4gIHRvcDogMDtcclxuICBiYWNrZ3JvdW5kOiB1cmwoaHR0cHM6Ly9qYWNrcnVnaWxlLmNvbS9pbWFnZXMvbWlzYy9za3lsaW5lLXRleHR1cmUucG5nKTtcclxuICBjYW52YXMge1xyXG4gICAgYmFja2dyb3VuZDogXHJcbiAgICAgIGxpbmVhci1ncmFkaWVudChcclxuICAgICAgICBoc2woMjAwLCA1MCUsIDgwJSkgMCUsIFxyXG4gICAgICAgIGhzbCgyMDAsIDMwJSwgOTUlKSA3NSUpXHJcbiAgICA7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbmAiXX0=