@automattic/wpcom-checkout
Version:
Functions and components used by WordPress.com checkout.
47 lines (43 loc) • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.LoadingCopy = exports.LoadingRow = exports.LoadingCard = void 0;
const tslib_1 = require("tslib");
const react_1 = require("@emotion/react");
const styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
exports.LoadingCard = styled_1.default.div `
padding: 24px 0;
:first-of-type {
border-top: 0;
}
`;
exports.LoadingRow = styled_1.default.div `
display: flex;
justify-content: space-between;
`;
const pulse = (0, react_1.keyframes) `
0% {
opacity: 1;
}
70% {
opacity: 0.5;
}
100% {
opacity: 1;
}
`;
exports.LoadingCopy = styled_1.default.p `
font-size: 14px;
height: ${(props) => props.height ?? '16px'};
content: '';
background: ${(props) => props.theme.colors.borderColorLight};
color: ${(props) => props.theme.colors.borderColorLight};
margin: ${(props) => (props.noMargin ? '0' : '8px 0 0 0')};
padding: 0;
animation: ${pulse} 2s ease-in-out infinite;
width: ${(props) => props.width ?? 'inherit'};
box-sizing: border-box;
.rtl & {
margin: 8px 0 0 0;
}
`;
//# sourceMappingURL=loading-card.js.map