{"version":3,"file":"component---src-templates-tag-template-js-be24de0dd59e8c618884.js","mappings":"oJAgEA,IA7DiBA,IACf,MAAM,MAAEC,EAAF,SAASC,EAAT,MAAmBC,GAAUH,EAEnC,OACE,gBAAC,WAAD,KACGC,EAAQ,kEAKQE,EAAMC,KAAKC,KAAKC,IACnBH,EAAMI,MAAMC,MAAMC,EAGnBN,EAAMO,MAAMC,QAAQC,KAAKC,EAGjBV,EAAMC,KAAKU,OAAOC,SAIvBZ,EAAMI,MAAMC,MAAMQ,GAKpBb,EAAMO,MAAMO,MAAMC,QArBvB,QAoCkBf,EAAMC,KAAKC,KAAKc,GApClC,kBA0CkBhB,EAAMC,KAAKC,KAAKc,GA1ClC,eAAKlB,GAAc,kEAKXE,EAAMC,KAAKC,KAAKC,IACnBH,EAAMI,MAAMC,MAAMC,EAGnBN,EAAMO,MAAMC,QAAQC,KAAKC,EAGjBV,EAAMC,KAAKU,OAAOC,SAIvBZ,EAAMI,MAAMC,MAAMQ,GAKpBb,EAAMO,MAAMO,MAAMC,QArBJ,QAoCDf,EAAMC,KAAKC,KAAKc,GApCf,kBA0CDhB,EAAMC,KAAKC,KAAKc,GA1Cf,eAAKjB,GADnC,oDAMmBC,EAAMC,KAAKC,KAAKC,IACnBH,EAAMI,MAAMC,MAAMC,EAGnBN,EAAMO,MAAMC,QAAQC,KAAKC,EAGjBV,EAAMC,KAAKU,OAAOC,SAIvBZ,EAAMI,MAAMC,MAAMQ,GAKpBb,EAAMO,MAAMO,MAAMC,QAtBlC,QAqC6Bf,EAAMC,KAAKC,KAAKc,GArC7C,kBA2C6BhB,EAAMC,KAAKC,KAAKc,GA3C7C,0DAMmBhB,EAAMC,KAAKC,KAAKC,IANnC,WAOgBH,EAAMI,MAAMC,MAAMC,EAPlC,0PAUeN,EAAMO,MAAMC,QAAQC,KAAKC,EAVxC,yDAauBV,EAAMC,KAAKU,OAAOC,SAbzC,8HAiBkBZ,EAAMI,MAAMC,MAAMQ,GAjBpC,+DAsBgBb,EAAMO,MAAMO,MAAMC,QAtBlC,sZAqC6Bf,EAAMC,KAAKC,KAAKc,GArC7C,oGA2C6BhB,EAAMC,KAAKC,KAAKc,GA3C7C,eADF,C,+ECmCF,MAtCgBnB,IACd,MAAM,SAAEE,EAAF,MAAYC,GAAUH,EAE5B,OACE,gBAAC,WAAD,KACE,uEAKeG,EAAMI,MAAMa,MAAMC,QALjC,QAWyBlB,EAAMI,MAAMc,QAXrC,UAWsDlB,EAAMI,MAAMc,QAXlE,QAYmBlB,EAAMmB,KAAKC,SAASC,OAZvC,QAiByBrB,EAAMI,MAAMc,QAjBrC,uBAkBQlB,EAAMI,MAAMc,QAlBpB,QAoBmBlB,EAAMmB,KAAKC,SAASE,YApBvC,YAA8BvB,GADhC,oDAMiBC,EAAMI,MAAMa,MAAMC,QANnC,QAY2BlB,EAAMI,MAAMc,QAZvC,UAYwDlB,EAAMI,MAAMc,QAZpE,QAaqBlB,EAAMmB,KAAKC,SAASC,OAbzC,QAkB2BrB,EAAMI,MAAMc,QAlBvC,uBAmBUlB,EAAMI,MAAMc,QAnBtB,QAqBqBlB,EAAMmB,KAAKC,SAASE,UArBzC,kDAMiBtB,EAAMI,MAAMa,MAAMC,QANnC,2IAY2BlB,EAAMI,MAAMc,QAZvC,UAYwDlB,EAAMI,MAAMc,QAZpE,mBAaqBlB,EAAMmB,KAAKC,SAASC,OAbzC,iGAkB2BrB,EAAMI,MAAMc,QAlBvC,uBAmBUlB,EAAMI,MAAMc,QAnBtB,mBAqBqBlB,EAAMmB,KAAKC,SAASE,QArBzC,QADF,C,yFCyCF,MA3CazB,IACX,MAAM,MAAE0B,EAAF,MAASvB,GAAUH,EAEzB,OACE,gBAAC,WAAD,KACE,kEAoBcG,EAAMI,MAAMC,MAAMmB,EACjBxB,EAAMI,MAAMoB,EAGZxB,EAAMI,MAAMS,GACVb,EAAMC,KAAKC,KAAKuB,EACdzB,EAAMC,KAAKyB,WAAWpB,OAzBtCiB,EAAMI,KAAIC,IACT,MACEC,MACEC,aAAa,MAAEhC,GACfiC,QAAQ,KAAEC,KAEVJ,EAEJ,OACE,sBAAIK,IAAKD,EAAT,4CAUQhC,EAAMI,MAAMC,MAAMmB,EACjBxB,EAAMI,MAAMoB,EAGZxB,EAAMI,MAAMS,GACVb,EAAMC,KAAKC,KAAKuB,EACdzB,EAAMC,KAAKyB,WAAWpB,OAfjC,gBAAC,EAAA4B,KAAD,CAAMC,GAAIH,GAAOlC,GAFrB,KAVN,oDAqBgBE,EAAMI,MAAMC,MAAMmB,EACjBxB,EAAMI,MAAMoB,EAGZxB,EAAMI,MAAMS,GACVb,EAAMC,KAAKC,KAAKuB,EACdzB,EAAMC,KAAKyB,WAAWpB,IA3B3C,2CAqBgBN,EAAMI,MAAMC,MAAMmB,EArBlC,YAsBiBxB,EAAMI,MAAMoB,EAtB7B,gDAyBiBxB,EAAMI,MAAMS,GAzB7B,gBA0BmBb,EAAMC,KAAKC,KAAKuB,EA1BnC,gBA2BqBzB,EAAMC,KAAKyB,WAAWpB,EA3B3C,OADF,C,wGCwCF,UArCoBT,IAClB,MACEuC,aAAa,IAAEC,GACfC,MACEC,mBAAmB,WAAEC,EAAF,MAAcjB,KAEjC1B,EAEJ,OACE,gBAAC,WAAD,KACE,gBAAC,EAAA4C,aAAA,SAAD,MACGzC,GACC,gBAAC,IAAD,CAASA,MAAOA,GACd,8BACE,gBAAC,IAAD,CAAUA,MAAOA,GACf,4BAAM,kBAAqB,IAAC,gBAAC,MAAD,MAC3BqC,GAEH,qBAAGK,UAAU,QACX,8BAASF,GAAoB,QAAMA,EAAa,EAAI,KAAO,IAAI,YAEjE,gBAAC,IAAD,CAAMjB,MAAOA,EAAOvB,MAAOA,QAMnC,gBAAC,IAAD,CAAK2C,UAAU,mBAnBnB,C","sources":["webpack://@baobabkoodaa/blog/./src/components/Article/Headline.js","webpack://@baobabkoodaa/blog/./src/components/Article/Article.js","webpack://@baobabkoodaa/blog/./src/components/List/List.js","webpack://@baobabkoodaa/blog/./src/templates/TagTemplate.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst Headline = props => {\n  const { title, children, theme } = props;\n\n  return (\n    <React.Fragment>\n      {title ? <h1>{title}</h1> : <h1>{children}</h1>}\n\n      {/* --- STYLES --- */}\n      <style jsx>{`\n        h1 {\n          font-size: ${theme.font.size.xxl};\n          margin: ${theme.space.stack.l};\n          animation-name: headlineEntry;\n          animation-duration: 0;\n          color: ${theme.color.neutral.gray.j};\n\n          :global(span) {\n            font-weight: ${theme.font.weight.standard};\n            display: block;\n            font-size: 0.5em;\n            letter-spacing: 0;\n            margin: ${theme.space.stack.xs};\n          }\n\n          :global(svg) {\n            height: 0.75em;\n            fill: ${theme.color.brand.primary};\n          }\n        }\n\n        @keyframes headlineEntry {\n          from {\n            opacity: 0.5;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n\n        @from-width tablet {\n          h1 {\n            font-size: ${`calc(${theme.font.size.xl} * 1.2)`};\n          }\n        }\n\n        @from-width desktop {\n          h1 {\n            font-size: ${`calc(${theme.font.size.xl} * 1.4)`};\n          }\n        }\n      `}</style>\n    </React.Fragment>\n  );\n};\n\nHeadline.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node,\n  theme: PropTypes.object.isRequired\n};\n\nexport default Headline;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst Article = props => {\n  const { children, theme } = props;\n\n  return (\n    <React.Fragment>\n      <article className=\"article\">{children}</article>\n\n      {/* --- STYLES --- */}\n      <style jsx>{`\n        .article {\n          padding: ${theme.space.inset.default};\n          padding-bottom: 0px !important;\n          margin: 0 auto;\n        }\n        @from-width tablet {\n          .article {\n            padding: ${`calc(${theme.space.default}) calc(${theme.space.default} * 2)`};\n            max-width: ${theme.text.maxWidth.tablet};\n          }\n        }\n        @from-width desktop {\n          .article {\n            padding: ${`calc(${theme.space.default} * 2 + 90px) 0 calc(${\n              theme.space.default\n            } * 2)`};\n            max-width: ${theme.text.maxWidth.desktop};\n          }\n        }\n      `}</style>\n    </React.Fragment>\n  );\n};\n\nArticle.propTypes = {\n  children: PropTypes.node.isRequired,\n  theme: PropTypes.object.isRequired\n};\n\nexport default Article;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"gatsby\";\n\nconst List = props => {\n  const { edges, theme } = props;\n\n  return (\n    <React.Fragment>\n      <ul>\n        {edges.map(edge => {\n          const {\n            node: {\n              frontmatter: { title },\n              fields: { slug }\n            }\n          } = edge;\n\n          return (\n            <li key={slug}>\n              <Link to={slug}>{title}</Link>\n            </li>\n          );\n        })}\n      </ul>\n\n      {/* --- STYLES --- */}\n      <style jsx>{`\n        ul {\n          margin: ${theme.space.stack.m};\n          padding: ${theme.space.m};\n        }\n        li {\n          padding: ${theme.space.xs} 0;\n          font-size: ${theme.font.size.s};\n          line-height: ${theme.font.lineHeight.l};\n        }\n      `}</style>\n    </React.Fragment>\n  );\n};\n\nList.propTypes = {\n  edges: PropTypes.array.isRequired,\n  theme: PropTypes.object.isRequired\n};\n\nexport default List;\n","import { FaTag } from \"react-icons/fa/\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Seo from \"../components/Seo\";\nimport { ThemeContext } from \"../layouts\";\nimport Article from \"../components/Article\";\nimport Headline from \"../components/Article/Headline\";\nimport List from \"../components/List\";\n\nconst TagTemplate = props => {\n  const {\n    pageContext: { tag },\n    data: {\n      allMarkdownRemark: { totalCount, edges }\n    }\n  } = props;\n\n  return (\n    <React.Fragment>\n      <ThemeContext.Consumer>\n        {theme => (\n          <Article theme={theme}>\n            <header>\n              <Headline theme={theme}>\n                <span>Posts with tag</span> <FaTag />\n                {tag}\n              </Headline>\n              <p className=\"meta\">\n                <strong>{totalCount}</strong> post{totalCount > 1 ? \"s \" : \" \"} tagged:\n              </p>\n              <List edges={edges} theme={theme} />\n            </header>\n          </Article>\n        )}\n      </ThemeContext.Consumer>\n\n      <Seo pageTitle=\"Posts with tag\" />\n    </React.Fragment>\n  );\n};\n\nTagTemplate.propTypes = {\n  data: PropTypes.object.isRequired,\n  pageContext: PropTypes.object.isRequired\n};\n\nexport default TagTemplate;\n\n// eslint-disable-next-line no-undef\nexport const tagQuery = graphql`\n  query PostsByTag($tag: String) {\n    allMarkdownRemark(\n      limit: 1000\n      sort: { fields: [fields___prefix], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n          }\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            tags\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["props","title","children","theme","font","size","xxl","space","stack","l","color","neutral","gray","j","weight","standard","xs","brand","primary","xl","inset","default","text","maxWidth","tablet","desktop","edges","m","s","lineHeight","map","edge","node","frontmatter","fields","slug","key","Link","to","pageContext","tag","data","allMarkdownRemark","totalCount","ThemeContext","className","pageTitle"],"sourceRoot":""}