UNPKG

react-background-animation

Version:
27 lines (18 loc) 3.23 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.Space = void 0; var _styledComponents = _interopRequireDefault(require("styled-components")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _templateObject() { var data = _taggedTemplateLiteral(["\n.large-header {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n background: #111;\n overflow: hidden;\n background-size: cover;\n background-position: center center;\n z-index: 11;\n}\n\n.demo .large-header {\n background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg\");\n}\n\n.main-title {\n position: absolute;\n margin: 0;\n padding: 0;\n color: #F9F1E9;\n text-align: center;\n top: 50%;\n left: 50%;\n -webkit-transform: translate3d(-50%, -50%, 0);\n transform: translate3d(-50%, -50%, 0);\n}\n\n.demo .main-title {\n text-transform: uppercase;\n font-size: 4.2em;\n letter-spacing: 0.1em;\n}\n\n.main-title .thin {\n font-weight: 200;\n}\n\n@media only screen and (max-width: 768px) {\n .demo .main-title {\n font-size: 3em;\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 Space = _styledComponents["default"].div(_templateObject()); exports.Space = Space; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jc3NFZmZlY3RzL3NwYWNpbmcvc3BhY2VTdHlsZWQuanMiXSwibmFtZXMiOlsiU3BhY2UiLCJzdHlsZWQiLCJkaXYiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7Ozs7Ozs7Ozs7Ozs7OztBQUVPLElBQU1BLEtBQUssR0FBR0MsNkJBQU9DLEdBQVYsbUJBQVgiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFNwYWNlID0gc3R5bGVkLmRpdmBcclxuLmxhcmdlLWhlYWRlciB7XHJcbiAgcG9zaXRpb246IGZpeGVkO1xyXG4gIHdpZHRoOiAxMDB2dztcclxuICBoZWlnaHQ6IDEwMHZoO1xyXG4gIHRvcDogMDtcclxuICBsZWZ0OiAwO1xyXG4gIGJhY2tncm91bmQ6ICMxMTE7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xyXG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XHJcbiAgei1pbmRleDogMTE7XHJcbn1cclxuXHJcbi5kZW1vIC5sYXJnZS1oZWFkZXIge1xyXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImh0dHBzOi8vczMtdXMtd2VzdC0yLmFtYXpvbmF3cy5jb20vcy5jZHBuLmlvLzQ5OTQxNi9kZW1vLWJnLmpwZ1wiKTtcclxufVxyXG5cclxuLm1haW4tdGl0bGUge1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBtYXJnaW46IDA7XHJcbiAgcGFkZGluZzogMDtcclxuICBjb2xvcjogI0Y5RjFFOTtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgdG9wOiA1MCU7XHJcbiAgbGVmdDogNTAlO1xyXG4gIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcclxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xyXG59XHJcblxyXG4uZGVtbyAubWFpbi10aXRsZSB7XHJcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuICBmb250LXNpemU6IDQuMmVtO1xyXG4gIGxldHRlci1zcGFjaW5nOiAwLjFlbTtcclxufVxyXG5cclxuLm1haW4tdGl0bGUgLnRoaW4ge1xyXG4gIGZvbnQtd2VpZ2h0OiAyMDA7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAuZGVtbyAubWFpbi10aXRsZSB7XHJcbiAgICAgZm9udC1zaXplOiAzZW07XHJcbiAgfVxyXG59XHJcbmAiXX0=