next-gen-ui/lib/components/spinner/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";
import { getSpinnerWidth } from './utils';
export var StyledSpinner = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-sizing: border-box;\n    display: block;\n    border: ", "px solid transparent;\n    border-top: ", "px solid ", ";\n    border-right: ", "px solid ", ";\n    border-bottom: ", "px solid ", ";\n    border-radius: 50%;\n    width: ", "px;\n    height: ", "px;\n    animation: spin 1s linear infinite;\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n"], ["\n    box-sizing: border-box;\n    display: block;\n    border: ", "px solid transparent;\n    border-top: ", "px solid ", ";\n    border-right: ", "px solid ", ";\n    border-bottom: ", "px solid ", ";\n    border-radius: 50%;\n    width: ", "px;\n    height: ", "px;\n    animation: spin 1s linear infinite;\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n"])), function (pr) { return getSpinnerWidth(pr.size); }, function (pr) { return getSpinnerWidth(pr.size); }, function (pr) { return pr.light ? '#f7f7f7' : '#3d4ed1'; }, function (pr) { return getSpinnerWidth(pr.size); }, function (pr) { return pr.light ? '#f7f7f7' : '#3d4ed1'; }, function (pr) { return getSpinnerWidth(pr.size); }, function (pr) { return pr.light ? '#f7f7f7' : '#3d4ed1'; }, function (pr) { return pr.size; }, function (pr) { return pr.size; });
var templateObject_1;
//# sourceMappingURL=styled.js.map