react-life-design
Version:
Life Design UI components
18 lines • 2.31 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = require("styled-components");
var Colors_1 = require("../Colors");
var loadingAnimation = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 17% {\n border-bottom-right-radius: 3px;\n }\n 25% {\n transform: translateY(15%) rotate(22.5deg);\n }\n 50% {\n transform: translateY(30%) scale(1, 0.9) rotate(45deg);\n border-bottom-right-radius: 80%;\n }\n 75% {\n transform: translateY(15%) rotate(67.5deg);\n }\n 100% {\n transform: translateY(0) rotate(90deg);\n }\n"], ["\n 17% {\n border-bottom-right-radius: 3px;\n }\n 25% {\n transform: translateY(15%) rotate(22.5deg);\n }\n 50% {\n transform: translateY(30%) scale(1, 0.9) rotate(45deg);\n border-bottom-right-radius: 80%;\n }\n 75% {\n transform: translateY(15%) rotate(67.5deg);\n }\n 100% {\n transform: translateY(0) rotate(90deg);\n }\n"])));
var animation = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: ", " .6s infinite linear;\n"], ["\n animation: ", " .6s infinite linear;\n"])), loadingAnimation);
var Loading = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", ";\n"], ["\n ",
"\n ", ";\n"])), function (_a) {
var noButton = _a.noButton;
return noButton ? "\n justify-content: center;\n align-items: center;\n width: 67px;\n height: 67px;\n border: 4px solid " + Colors_1.default.mongeral + ";\n border-radius: 0px;\n position: relative;\n " : "\n position: absolute;\n left: 0;\n right: 0;\n width: 16px;\n height: 16px;\n margin: auto;\n top: 20px;\n border: 2px solid #ffffff;\n border-radius: 0px;\n ";
}, animation);
exports.default = Loading;
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=LDLoading.js.map