@retriever-ui/typography
Version:
styles to text items
12 lines (11 loc) • 1.45 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 });
exports.commonStyles = void 0;
var react_1 = require("@emotion/react");
var commonStyles = function (p) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-family: ", ";\n text-align: ", ";\n line-height: 150%;\n margin-block-start: 0;\n margin-block-end: 0;\n color: ", ";\n\n @media (min-width: ", ") {\n text-align: ", ";\n }\n\n @media (min-width: ", ") {\n text-align: ", ";\n }\n\n ", "\n"], ["\n font-family: ", ";\n text-align: ", ";\n line-height: 150%;\n margin-block-start: 0;\n margin-block-end: 0;\n color: ", ";\n\n @media (min-width: ", ") {\n text-align: ", ";\n }\n\n @media (min-width: ", ") {\n text-align: ", ";\n }\n\n ", "\n"])), p.theme.font.family, p.textAlign.sm, p.theme.colors[p.color], p.theme.breakpoints.md, p.textAlign.md, p.theme.breakpoints.lg, p.textAlign.lg, p.fixSize && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", " !important;\n "], ["\n font-size: ", " !important;\n "])), p.fixSize)); };
exports.commonStyles = commonStyles;
var templateObject_1, templateObject_2;