@catho/quantum
Version:
Catho react components
33 lines (32 loc) • 2.85 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _styledComponents = require("styled-components");
var _theme = require("../../shared/theme");
var _shared = require("../../Grid/sub-components/shared");
var _shared2 = require("../../shared");
var _jsxRuntime = require("react/jsx-runtime");
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
var mediaQueries = (0, _shared.query)(_shared2.BREAKPOINTS);
var Style = (0, _styledComponents.createGlobalStyle)(["*{font-family:'Nunito Sans',sans-serif;line-height:1.5;}body{font-size:16px;letter-spacing:0.2px;color:", ";}svg[data-qtm-preloader=\"icon\"]{max-width:0;}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}h1{font-size:36px;letter-spacing:0.25px;", "}h2{font-size:32px;letter-spacing:0.24px;", "}h3{font-size:28px;letter-spacing:0.3px;", "}h4{font-size:24px;letter-spacing:0.24px;", "}h5{font-size:20px;letter-spacing:0.2px;", "}h6{font-size:18px;letter-spacing:0.18px;", "}ul,ol{margin:0;padding-left:18px;}"], _theme.colors.neutral['700'], mediaQueries.medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n letter-spacing: 0.72px;\n font-size: 48px;\n "]))), mediaQueries.medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 36px;\n letter-spacing: 0.54px;\n "]))), mediaQueries.medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n letter-spacing: 0.42px;\n "]))), mediaQueries.medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n letter-spacing: 0.36px;\n "]))), mediaQueries.medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n letter-spacing: 0.3px;\n "]))), mediaQueries.medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n letter-spacing: 0.27px;\n "]))));
var Typography = function Typography() {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Style, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("link", {
rel: "preconnect",
href: "https://fonts.gstatic.com",
crossOrigin: "anonymous"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("link", {
rel: "preload",
href: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,400i,600i,700i&display=swap",
as: "font",
crossOrigin: "anonymous"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("link", {
href: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,400i,600i,700i&display=swap",
rel: "stylesheet"
})]
});
};
var _default = exports["default"] = Typography;