@age/quantum/GlobalStyle/sub-components/Typography.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = require("styled-components");

var _theme = require("../../shared/theme");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,400i,600i,700i&display=swap');\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n* {\n  font-family: 'Nunito Sans', sans-serif;\n  line-height: 1.5;\n}\n\nbody {\n  font-size: 16px;\n  letter-spacing: 0.2px;\n  color: ", ";\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n  font-weight: normal;\n}\n\nh1 {\n  letter-spacing: 0.7px;\n  font-size: 48px;\n}\n\nh2 {\n  font-size: 36px;\n  letter-spacing: 0.5px;\n}\n\nh3 {\n  font-size: 28px;\n  letter-spacing: 0.4px;\n}\n\nh4 {\n  font-size: 24px;\n  letter-spacing: 0.4px;\n}\n\nh5 {\n  font-size: 20px;\n  letter-spacing: 0.3px;\n}\n\nh6 {\n  font-size: 18px;\n  letter-spacing: 0.3px;\n}\n\nul, ol {\n  margin: 0;\n  padding-left: 18px;\n}"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Style = (0, _styledComponents.createGlobalStyle)(_templateObject(), _theme.colors.neutral['700']);
var NunitoFontFamily = (0, _styledComponents.createGlobalStyle)(_templateObject2());

var Typography = function Typography() {
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(Style, null), typeof window === 'undefined' ? _react.default.createElement("link", {
    href: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,400i,600i,700i&display=swap",
    rel: "stylesheet"
  }) : _react.default.createElement(NunitoFontFamily, null));
};

var _default = Typography;
exports.default = _default;