{"version":3,"file":"component---src-templates-md-templates-js-25a5214496fbba0c0f5d.js","mappings":"mLAMMA,E,QAAoBC,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAAVJ,CAAU,8JAWbK,EAAAA,GAQR,SAASC,EAAQC,GAAY,IAClCC,EAD6BD,EAAJE,KACzBD,eACAE,EAAsBF,EAAtBE,YAAaC,EAASH,EAATG,KACrB,OACEC,EAAAA,cAACC,EAAAA,EAAM,CAACC,SAAUJ,EAAYI,SAAUC,MAAOL,EAAYK,OACzDH,EAAAA,cAACb,EAAiB,CAChBiB,MAAO,CACLC,SAAUP,EAAYI,SAAW,QAAU,SAE7CI,UAAU,mCACVC,wBAAyB,CAAEC,OAAQT,KAI3C,C","sources":["webpack://himerometra/./src/templates/mdTemplates.js"],"sourcesContent":["import React from 'react';\nimport { graphql } from \"gatsby\"\nimport Layout, { BREAK_POINT } from '../components/Layout';\nimport 'github-markdown-css/github-markdown.css';\nimport styled from 'styled-components';\n\nconst MarkdownContainer = styled.div`\n  font-size: 1.2em;\n\n  p {\n    line-height: 160%;\n  }\n  \n  .center {\n    text-align: center;\n  }\n\n  @media (max-width: ${BREAK_POINT}px) {\n    h1, h2 {\n      border-bottom: none;\n      padding-bottom: 0.1em;\n      margin-bottom: 8px;\n    }\n`;\n\nexport default function Template({ data }) {\n  const { markdownRemark } = data;\n  const { frontmatter, html } = markdownRemark;\n  return (\n    <Layout hasSider={frontmatter.hasSider} title={frontmatter.title}>\n      <MarkdownContainer\n        style={{\n          maxWidth: frontmatter.hasSider ? \"750px\" : \"unset\"\n        }}\n        className=\"markdown-body markdown-container\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query ($slug: String) {\n    markdownRemark(frontmatter: { slug: { eq: $slug } }) {\n      html\n      frontmatter {\n        slug\n        hasSider\n        title\n      }\n    }\n  }\n`"],"names":["MarkdownContainer","styled","div","withConfig","displayName","componentId","BREAK_POINT","Template","_ref","markdownRemark","data","frontmatter","html","React","Layout","hasSider","title","style","maxWidth","className","dangerouslySetInnerHTML","__html"],"sourceRoot":""}