{"version":3,"sources":["webpack:///./src/templates/TagTemplate.js","webpack:///./src/components/Article/Article.js","webpack:///./src/components/List/List.js","webpack:///./src/components/Article/Headline.js"],"names":["TagTemplate","props","tag","pageContext","data","allMarkdownRemark","totalCount","edges","Fragment","Consumer","theme","className","frontmatter","title","description","tagQuery","Article","children","space","inset","default","text","maxWidth","tablet","desktop","List","stack","m","xs","font","size","s","lineHeight","l","map","edge","node","slug","fields","key","to","Headline","xxl","color","neutral","gray","j","weight","standard","brand","primary","xl"],"mappings":"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","file":"component---src-templates-tag-template-js-1813c8c7666d03eaf597.js","sourcesContent":["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 data={{\n        frontmatter: {\n          title: 'Tag - ' + tag,\n          description: tag\n        }\n      }}/>\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","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          list-style: circle;\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 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"],"sourceRoot":""}