{"version":3,"sources":["webpack:///./src/templates/2ndcat-post.js","webpack:///./src/components/style/emo-post.js"],"names":["__webpack_require__","r","__webpack_exports__","d","query","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","gatsby__WEBPACK_IMPORTED_MODULE_1__","_components_layout__WEBPACK_IMPORTED_MODULE_2__","_components_style_emo_post__WEBPACK_IMPORTED_MODULE_3__","_ref","post","data","markdownRemark","a","createElement","frontmatter","title","className","dangerouslySetInnerHTML","__html","html","to","Header","styled","target","MainPost","mwS","medium","css","large","Title","Subtitle","PreTitle","Tags","children","react__WEBPACK_IMPORTED_MODULE_3___default","Object","emotion__WEBPACK_IMPORTED_MODULE_0__","Date","Stats","_ref2","SocialShare","_ref3"],"mappings":"0FAAAA,EAAAC,EAAAC,GAAAF,EAAAG,EAAAD,EAAA,0BAAAE,IAAA,IAAAC,EAAAL,EAAA,GAAAM,EAAAN,EAAAO,EAAAF,GAAAG,EAAAR,EAAA,KAAAS,EAAAT,EAAA,KAAAU,EAAAV,EAAA,KAUeE,EAAA,iBAAAS,GAAc,IACtBC,EADsBD,EAAXE,KACCC,eAClB,OACCR,EAAAS,EAAAC,cAACP,EAAA,EAAD,KACCH,EAAAS,EAAAC,cAACN,EAAA,EAAD,KACCJ,EAAAS,EAAAC,cAAA,cACCV,EAAAS,EAAAC,cAACN,EAAA,EAAD,KAAQE,EAAKK,YAAYC,QAE1BZ,EAAAS,EAAAC,cAAA,OACCG,UAAW,UACXC,wBAAyB,CAAEC,OAAQT,EAAKU,QAEzChB,EAAAS,EAAAC,cAAA,cACCV,EAAAS,EAAAC,cAACN,EAAA,EAAD,KACCJ,EAAAS,EAAAC,cAACN,EAAA,EAAD,KACCJ,EAAAS,EAAAC,cAAA,MAAIG,UAAW,eACdb,EAAAS,EAAAC,cAACR,EAAA,KAAD,CAAMe,GAAG,KACRjB,EAAAS,EAAAC,cAAA,QAAMG,UAAW,gBAAjB,OAGFb,EAAAS,EAAAC,cAAA,MAAIG,UAAW,eACdb,EAAAS,EAAAC,cAACR,EAAA,KAAD,CAAMe,GAAG,KACRjB,EAAAS,EAAAC,cAAA,QAAMG,UAAW,iBAAjB,OAGFb,EAAAS,EAAAC,cAAA,MAAIG,UAAW,eACdb,EAAAS,EAAAC,cAACR,EAAA,KAAD,CAAMe,GAAG,KACRjB,EAAAS,EAAAC,cAAA,QAAMG,UAAW,oBAAjB,aAWF,IAAMf,EAAK,4XC5CLoB,EAASC,YAAH,UAAAC,OAAA,aAAGD,CAAH,+JAaNE,EAAWF,YAAH,WAAAC,OAAA,aAAGD,CAAH,+iBAsCjBG,IAAIC,OAAOC,YAAX,+CAtCiB,IA0CjBF,IAAIG,MAAMD,YAAV,0DA1CiB,KAkDRE,EAAQP,YAAH,MAAAC,OAAA,aAAGD,GAERQ,EAAWR,YAAH,MAAAC,OAAA,aAAGD,CAAH,uCAKRS,EAAWT,YAAH,MAAAC,OAAA,aAAGD,CAAH,2EAORU,EAAO,SAAAxB,GAAA,IAAGyB,EAAHzB,EAAGyB,SAAH,OAClBC,EAAAtB,EAAAC,cAAA,OAAAG,UAAAmB,OAAAC,EAAA,IAAAD,CAAA,4JAcED,EAAAtB,EAAAC,cAAA,UAAKoB,KAIII,EAAOf,YAAH,MAAAC,OAAA,aAAGD,CAAH,2EAOJgB,EAAQ,SAAAC,GAAA,IAAGN,EAAHM,EAAGN,SAAH,OACnBC,EAAAtB,EAAAC,cAAA,OAAAG,UAAAmB,OAAAC,EAAA,IAAAD,CAAA,yGASGF,IAIQO,EAAc,SAAAC,GAAA,IAAGR,EAAHQ,EAAGR,SAAH,OACzBC,EAAAtB,EAAAC,cAAA,MAAAG,UAAAmB,OAAAC,EAAA,IAAAD,CAAA,qKAgBED,EAAAtB,EAAAC,cAAA,sBACCoB","file":"component---src-templates-2-ndcat-post-js-f6bb4802730a92a36ca6.js","sourcesContent":["import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport {\n\tMainPost,\n\tTitle,\n\tStats,\n\tSocialShare\n} from \"../components/style/emo-post\";\n\nexport default ({ data }) => {\n\tconst post = data.markdownRemark;\n\treturn (\n\t\t<Layout>\n\t\t\t<MainPost>\n\t\t\t\t<header>\n\t\t\t\t\t<Title>{post.frontmatter.title}</Title>\n\t\t\t\t</header>\n\t\t\t\t<div\n\t\t\t\t\tclassName={\"content\"}\n\t\t\t\t\tdangerouslySetInnerHTML={{ __html: post.html }}\n\t\t\t\t/>\n\t\t\t\t<footer>\n\t\t\t\t\t<Stats>\n\t\t\t\t\t\t<SocialShare>\n\t\t\t\t\t\t\t<li className={\"social-icon\"}>\n\t\t\t\t\t\t\t\t<Link to=\"#\">\n\t\t\t\t\t\t\t\t\t<span className={\"icon-twitter\"}> </span>\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li className={\"social-icon\"}>\n\t\t\t\t\t\t\t\t<Link to=\"#\">\n\t\t\t\t\t\t\t\t\t<span className={\"icon-facebook\"}> </span>\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li className={\"social-icon\"}>\n\t\t\t\t\t\t\t\t<Link to=\"#\">\n\t\t\t\t\t\t\t\t\t<span className={\"icon-google-plus\"}> </span>\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</SocialShare>\n\t\t\t\t\t</Stats>\n\t\t\t\t</footer>\n\t\t\t</MainPost>\n\t\t</Layout>\n\t);\n};\n\nexport const query = graphql`\n  query($slug: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n","import styled, { css } from \"react-emotion\";\nimport { mwS } from \"./breakpoints\";\nimport React from \"react\";\n\nexport const Header = styled.header`\n  padding-bottom: 20px;\n  margin-bottom: 20px !important;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  \n  & p > strong {\n    font-weight: 100;\n  }\n  & p > a {\n    text-decoration: underline;\n  }\n`;\n\nexport const MainPost = styled.article`\n  max-width: 100%;\n  width: auto;\n  padding: 50px 20px 30px 20px;\n  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);\n  border: 1px solid #eee;\n  background: #fff;\n  & div.content > p,\n  & div.content > ol,\n  & div.content > ul,\n  & > article,\n  & > header,\n  & > footer {\n    text-align: left;\n    margin: 0 20px;\n  }\n  & div.content > iframe {\n    margin: 30px 20px;\n  }\n  & div.content > p a iframe {\n    margin: 30px 0;\n  }\n  & div.content > span {\n    margin: 30px 0;\n  }\n  & div.content p > a {\n    text-decoration: underline;\n  }\n  & div.content > ul,\n  & div.content > ol {\n    margin-top: 20px;\n    margin-bottom: 20px;\n    margin-left: 40px;\n  }\n  & div.content > img {\n    max-width: 89%;\n    float: rigth;\n  }\n  ${mwS.medium(css`\n    max-width: 97%;\n    padding: 50px 50px 30px 50px;\n  `)}\n  ${mwS.large(css`\n    max-width: 950px;\n    & div.content > img {\n      max-width: 490px;\n    }\n  `)};\n`;\n\nexport const Title = styled.h3`\n`;\nexport const Subtitle = styled.h4`\n  margin-bottom: 30px;\n  font-weight: 300;\n`;\n\nexport const PreTitle = styled.h5`\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  color: #777;\n  font-weight: 300;\n`;\n\nexport const Tags = ({ children }) => (\n  <div\n    css={`\n      & ul > li {\n        list-style: none;\n        display: inline-block;\n        padding: 7px 10px;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        border: 1px solid #ddd;\n        background: #ddd;\n        width: auto;\n      }\n    `}\n  >\n    <ul>{children}</ul>\n  </div>\n);\n\nexport const Date = styled.h6`\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  color: #777;\n  font-weight: 300;\n`;\n\nexport const Stats = ({ children }) => (\n  <div\n    css={`\n      margin: 30px 0;\n      padding: 30px 0;\n      overflow: hidden;\n      border-top: 1px solid #ddd;\n      border-bottom: 1px solid #ddd;\n    `}\n  >\n    {children}\n  </div>\n);\n\nexport const SocialShare = ({ children }) => (\n  <ul\n    css={`\n      float: right;\n      & > li {\n        width: auto;\n        list-style: none;\n        display: inline-block;\n      }\n      & > li.social-icon {\n        color: #666666;\n        font-size: 15px;\n        display: inline-block;\n        padding: 0.5rem 0.5rem;\n      }\n    `}\n  >\n    <li>SHARE : </li>\n    {children}\n  </ul>\n);\n\nexport const SocialReact = ({ children }) => (\n  <ul\n    css={`\n      float: left;\n      & > li {\n        list-style: none;\n        display: inline-block;\n        color: #666666;\n        font-size: 15px;\n        display: inline-block;\n        padding: 0.5rem 0.5rem;\n      }\n      & li.visit-counter {\n        user-select: none;\n        -o-user-select: none;\n      }\n    `}\n  >\n    {children}\n  </ul>\n);\n\nconst TextInput = styled.input`\n  display: block;\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #464a4c;\n  background-color: #fff;\n  background-image: none;\n  -webkit-background-clip: padding-box;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 0.25rem;\n  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  &:focus {\n    color: #464a4c;\n    background-color: #fff;\n    border-color: #5cb3fd;\n    outline: none;\n  }\n`;\n\nexport const Comments = ({ children }) => (\n  <div\n    css={`\n      margin: 30px 0;\n      padding: 30px;\n      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);\n      border: 1px solid #ddd;\n      background: #fff;\n    `}\n  >\n    <form>\n      <div\n        className={\"row\"}\n        css={`\n          & > div ${TextInput} {\n            margin-bottom: 30px;\n            border-radius: 1px;\n            border: 0;\n            border-bottom: 1px solid #ddd;\n            height: 45px;\n            line-height: 45px;\n            box-shadow: none;\n            padding: 0;\n            width: 100%;\n          }\n        `}\n      >\n        <div className={\"col-sm-6\"}>\n          <TextInput\n            type={\"text\"}\n            name={\"contact-form-name\"}\n            placeholder={\"Enter your name\"}\n            required={\"\"}\n            aria-invalid={\"true\"}\n            aria-required={\"true\"}\n          />\n        </div>\n        <div className={\"col-sm-6\"}>\n          <TextInput\n            type={\"text\"}\n            name={\"contact-form-email\"}\n            placeholder={\"Enter your email\"}\n            required={\"\"}\n            aria-invalid={\"true\"}\n            aria-required={\"true\"}\n          />\n        </div>\n        <div className={\"col-sm-12\"}>\n          <textarea />\n        </div>\n        <div className={\"col-sm-12\"} />\n      </div>\n    </form>\n    {children}\n  </div>\n);\n"],"sourceRoot":""}