import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import { createGlobalStyle } from 'styled-components';
import reset from './reset';
import grid from './grid';
import typography from './typography';
import { Config } from '../../config'; // https://www.digitalocean.com/community/tutorials/css-system-font-stack

export var GlobalStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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, grid(Config), typography(Config), Config.theme.typography.fontFamily.join(','));
//# sourceMappingURL=index.js.map