next-gen-ui/lib/components/skeleton/styled.js

Next Gen Ui is a home for front-end & UI/Ux developers. We provide all the necessary components required to build a scalable front-end application which suits the user experience in a unique way.

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from "styled-components";
export var StyledSkeleton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    overflow: hidden;\n    width: ", "px;\n    height: ", "px;\n    background-color: #e8e8e8;\n    border-radius: ", ";\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        left: -", "px;\n        top: 0;\n        height: ", "px;\n        width: ", "px;\n        background-color: #cccccc;\n        animation: load 1.5s cubic-bezier(0.4, 0.0, 0.2, 1);\n        animation-iteration-count: infinite;\n    }\n\n    @keyframes load {\n        from {\n            left: -", "px;\n        }\n        to {\n            left: 100%;\n        }\n    }\n"], ["\n    position: relative;\n    overflow: hidden;\n    width: ", "px;\n    height: ", "px;\n    background-color: #e8e8e8;\n    border-radius: ", ";\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        left: -", "px;\n        top: 0;\n        height: ", "px;\n        width: ", "px;\n        background-color: #cccccc;\n        animation: load 1.5s cubic-bezier(0.4, 0.0, 0.2, 1);\n        animation-iteration-count: infinite;\n    }\n\n    @keyframes load {\n        from {\n            left: -", "px;\n        }\n        to {\n            left: 100%;\n        }\n    }\n"])), function (pr) { return pr.width; }, function (pr) { return pr.height; }, function (pr) { return pr.borderRadius; }, function (pr) { return pr.width; }, function (pr) { return pr.height; }, function (pr) { return pr.width; }, function (pr) { return pr.width; });
var templateObject_1;
//# sourceMappingURL=styled.js.map