"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.GlobalStyles = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _reset = _interopRequireDefault(require("./reset"));

var _grid = _interopRequireDefault(require("./grid"));

var _typography = _interopRequireDefault(require("./typography"));

var _config = require("../../config");

var _templateObject;

// https://www.digitalocean.com/community/tutorials/css-system-font-stack
var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  ", "\n  ", "\n  ", "\n\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  /* HTML5 hidden-attribute fix for newer browsers */\n  *[hidden] {\n      display: none;\n  }\n\n  html {\n    font-size: 62.5%;\n\n  }\n\n  body{\n    font-family: ", ";\n    -moz-text-size-adjust: 100%;\n    -ms-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n\n  }\n\n  input, button {\n    background-color: transparent;\n    border: none;\n    outline: none;\n  }\n\n  /* fix safari zoom on input focus */\n  @media screen and (-webkit-min-device-pixel-ratio:0) {\n    select,\n    textarea,\n    input {\n      font-size: 16px;\n    }\n  }\n"])), _reset["default"], (0, _grid["default"])(_config.Config), (0, _typography["default"])(_config.Config), _config.Config.theme.typography.fontFamily.join(','));
exports.GlobalStyles = GlobalStyles;
//# sourceMappingURL=index.js.map