{"version":3,"sources":["webpack:///./src/components/Content.js","webpack:///./src/templates/blog-post.js"],"names":["useStyles","createUseStyles","theme","content","width","color","palette","appearance","border","borderColor","borderRadius","radius1","padding","spacing","textDecoration","whiteSpace","maxWidth","fontSize","paddingLeft","paddingRight","marginBottom","marginTop","backgroundColor","HTMLContent","_ref","className","classes","React","createElement","dangerouslySetInnerHTML","__html","Content","_ref2","defaultProps","root","margin","fontFamily","font","lineHeight","date","BlogPostTemplate","title","contentComponent","PostContent","formattedDate","toLocaleDateString","year","month","day","BlogPost","path","post","data","markdownRemark","Date","frontmatter","Layout","html"],"mappings":"2FAAA,uEAIaA,EAAYC,2BAAgB,SAAAC,GAAK,MAAK,CAC/CC,QAAS,CACLC,MAAO,OACP,eAAgB,CACZC,MAAOH,EAAMI,QAAQ,gBAEzB,MAAO,CACHD,MAAOH,EAAMI,QAAQ,gBAEzB,qBAAsB,CAClBC,WAAY,OACZC,OAAQ,YACRC,YAAaP,EAAMI,QAAQ,eAC3BI,aAAcR,EAAMQ,aAAaC,QACjCN,MAAOH,EAAMI,QAAQ,eACrBM,QAAQ,KAAMV,EAAMW,QAAQ,IAC5BT,MAAO,cACPU,eAAgB,OAChBC,WAAY,UAEhB,UAAW,CACPC,SAAU,QACV,4BAA6B,CACzBC,SAAU,MACV,OAAQ,CACJC,YAAa,MACbC,aAAc,SAI1B,OAAQ,CACJC,aAAc,IACd,MAAO,CACHA,aAAc,MAGtB,OAAQ,CACJC,UAAW,KAEf,QAAS,CACLT,QAAYV,EAAMW,QAAQ,GAAI,IAAIX,EAAMW,QAAQ,IAChDS,gBAAiBpB,EAAMI,QAAQ,qBAK9BiB,EAAc,SAAHC,GAA8B,IAAzBrB,EAAOqB,EAAPrB,QAASsB,EAASD,EAATC,UAC5BC,EAAU1B,IAChB,OACI2B,IAAAC,cAAA,OACIH,UAAcC,EAAQvB,QAAO,IAAIsB,EACjCI,wBAAyB,CAACC,OAAQ3B,MAKxC4B,EAAU,SAAHC,GAA8B,IAAzB7B,EAAO6B,EAAP7B,QAASsB,EAASO,EAATP,UACjBC,EAAU1B,IAChB,OAAO2B,IAAAC,cAAA,OAAKH,UAAcC,EAAQvB,QAAO,IAAIsB,GAActB,IAG/D4B,EAAQE,aAAe,CACnBR,UAAW,IAUAM,O,kCC5Ef,+JAOa/B,EAAYC,2BAAgB,SAAAC,GAAK,MAAK,CAC/CgC,KAAM,CACF9B,MAAO,MACPY,SAAU,QACVmB,OAAWjC,EAAMW,QAAQ,IAAK,QAC9BuB,WAAYlC,EAAMmC,KAAKD,WACvBnB,SAAUf,EAAMmC,KAAKpB,SACrBqB,WAAYpC,EAAMmC,KAAKC,YAE3BC,KAAM,CACFlC,MAAOH,EAAMI,QAAQ,oBAIhBkC,EAAmB,SAAHhB,GAAkD,IAA7CiB,EAAKjB,EAALiB,MAAOF,EAAIf,EAAJe,KAAMpC,EAAOqB,EAAPrB,QAASuC,EAAgBlB,EAAhBkB,iBAC9ChB,EAAU1B,IACV2C,EAAcD,GAAoBX,IACpCa,EAAgB,KASpB,OARIL,IACAK,EAAgBL,EAAKM,mBAAmB,QAAS,CAC7CC,KAAM,UACNC,MAAO,OACPC,IAAK,aAKTrB,IAAAC,cAAA,OAAKH,UAAWC,EAAQQ,MACpBP,IAAAC,cAAA,UAAKa,GACLd,IAAAC,cAAA,KAAGH,UAAWC,EAAQa,MAAOK,GAC7BjB,IAAAC,cAACe,EAAW,CAACxC,QAASA,MAiCnB8C,UArBE,SAAHjB,GAAsB,IAAjBkB,EAAIlB,EAAJkB,KACQC,EADEnB,EAAJoB,KACdC,eACDd,EAAO,IAAIe,KAAKH,EAAKI,YAAYhB,MAEvC,OACIZ,IAAAC,cAAC4B,IAAM,CAACN,KAAMA,GACVvB,IAAAC,cAACY,EAAgB,CACbrC,QAASgD,EAAKM,KACdf,iBAAkBnB,IAClBkB,MAAOU,EAAKI,YAAYd,MACxBF,KAAMA","file":"component---src-templates-blog-post-js-d49ccac8c315a3cb1874.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {createUseStyles} from \"react-jss\";\n\nexport const useStyles = createUseStyles(theme => ({\n content: {\n width: \"100%\",\n \"& h1, h2, h3\": {\n color: theme.palette[\"neutral-800\"]\n },\n \"& a\": {\n color: theme.palette[\"primary-500\"]\n },\n \"& a[type='button']\": {\n appearance: \"none\",\n border: \"1px solid\",\n borderColor: theme.palette[\"primary-500\"],\n borderRadius: theme.borderRadius.radius1,\n color: theme.palette[\"primary-500\"],\n padding: `0 ${theme.spacing[16]}`,\n width: \"fit-content\",\n textDecoration: \"none\",\n whiteSpace: \"nowrap\"\n },\n \"& table\": {\n maxWidth: \"100vw\",\n \"@media (max-width: 600px)\": {\n fontSize: \"3vw\",\n \"& td\": {\n paddingLeft: \"2vw\",\n paddingRight: \"2vw\"\n }\n }\n },\n \"& li\": {\n marginBottom: \"0\",\n \"& p\": {\n marginBottom: \"0\"\n }\n },\n \"& ul\": {\n marginTop: \"0\"\n },\n \"& pre\": {\n padding: `${theme.spacing[\"4\"]} ${theme.spacing[\"12\"]}`,\n backgroundColor: theme.palette[\"neutral-050\"]\n }\n }\n}));\n\nexport const HTMLContent = ({content, className}) => {\n const classes = useStyles();\n return (\n \n );\n};\n\nconst Content = ({content, className}) => {\n const classes = useStyles();\n return
{content}
;\n};\n\nContent.defaultProps = {\n className: \"\"\n};\n\nContent.propTypes = {\n content: PropTypes.node.isRequired,\n className: PropTypes.string\n};\n\nHTMLContent.propTypes = Content.propTypes;\n\nexport default Content;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {graphql} from \"gatsby\";\nimport {createUseStyles} from \"react-jss\";\nimport Layout from \"../components/Layout\";\nimport Content, {HTMLContent} from \"../components/Content\";\n\nexport const useStyles = createUseStyles(theme => ({\n root: {\n width: \"90%\",\n maxWidth: \"720px\",\n margin: `${theme.spacing[\"64\"]} auto`,\n fontFamily: theme.font.fontFamily,\n fontSize: theme.font.fontSize,\n lineHeight: theme.font.lineHeight\n },\n date: {\n color: theme.palette[\"neutral-400\"]\n }\n}));\n\nexport const BlogPostTemplate = ({title, date, content, contentComponent}) => {\n const classes = useStyles();\n const PostContent = contentComponent || Content;\n let formattedDate = null;\n if (date) {\n formattedDate = date.toLocaleDateString(\"nb-NO\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n });\n }\n\n return (\n
\n

{title}

\n

{formattedDate}

\n \n
\n );\n};\n\nBlogPostTemplate.propTypes = {\n content: PropTypes.string.isRequired,\n contentComponent: PropTypes.func.isRequired,\n date: PropTypes.instanceOf(Date).isRequired,\n title: PropTypes.string.isRequired\n};\n\nconst BlogPost = ({path, data}) => {\n const {markdownRemark: post} = data;\n const date = new Date(post.frontmatter.date);\n\n return (\n \n \n \n );\n};\n\nBlogPost.propTypes = {\n path: PropTypes.string.isRequired,\n data: PropTypes.objectOf(PropTypes.object).isRequired\n}\n\nexport default BlogPost;\n\nexport const pageQuery = graphql`\n query BlogPostByID($id: String!) {\n markdownRemark(id: {eq: $id}) {\n id\n html\n frontmatter {\n title\n date\n }\n }\n }\n`;\n"],"sourceRoot":""}