{"version":3,"sources":["webpack:///./src/components/typography/h1.js","webpack:///./src/pages/horses-for-sale.js","webpack:///./src/components/typography/h2.js"],"names":["H1","children","className","textAlign","StyledH1","defaultProps","styled","h1","props","Sales","data","Fragment","charSet","name","content","Container","to","div","h2","Styledh2"],"mappings":"8FAAA,qCAIMA,EAAK,SAAC,GAAwC,IAAtCC,EAAqC,EAArCA,SAAUC,EAA2B,EAA3BA,UAAWC,EAAgB,EAAhBA,UAC/B,OACI,kBAACC,EAAD,CAAUF,UAAWA,EAAWC,UAAWA,GACtCF,EACD,+BAWZD,EAAGK,aAAe,CACdH,UAAW,GACXC,UAAW,QAGf,IAAMC,EAAWE,IAAOC,GAAV,kEAAGD,CAAH,4SAMI,SAAAE,GAAK,OAAIA,EAAML,aAQb,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,WAAa,cAIxD,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,WAAa,cAEnD,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,QAAU,WAMzDH,O,oCClDf,wGA+DeS,UAvDD,SAAC,GAAa,EAAXC,KAIf,OACE,kBAAC,IAAMC,SAAP,KACI,kBAAC,IAAD,KAEE,kBAAC,SAAD,KACI,0BAAMC,QAAQ,UACd,wEACA,0BAAMC,KAAK,cAAcC,QAAQ,0GAGnC,kBAACC,EAAD,KACI,kBAAC,IAAD,yBA0BA,6BACE,kBAAC,IAAD,2BACA,iKAAsI,kBAAC,OAAD,CAAMC,GAAG,YAAT,gBAAtI,UAclB,IAAMD,EAAYT,IAAOW,IAAV,iFAAGX,CAAH,6UAgCIA,aAAO,SAAAE,GAAK,OAAI,kBAAC,OAASA,MAA7B,kFAAGF,CAAH,0O,kCCjGhB,qCAIMY,EAAK,SAAC,GAAwC,IAAtCjB,EAAqC,EAArCA,SAAUC,EAA2B,EAA3BA,UAAWC,EAAgB,EAAhBA,UAC/B,OACI,kBAACgB,EAAD,CAAUjB,UAAWA,EAAWC,UAAWA,GACtCF,EACD,+BAWZiB,EAAGb,aAAe,CACdH,UAAW,GACXC,UAAW,QAGf,IAAMgB,EAAWb,IAAOY,GAAV,mEAAGZ,CAAH,gTAMI,SAAAE,GAAK,OAAIA,EAAML,aAQb,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,WAAa,cAIxD,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,WAAa,cAEnD,SAAAK,GAAK,MAAyB,WAApBA,EAAML,UAAyB,QAAU,WAMzDe","file":"component---src-pages-horses-for-sale-js-6bfe91dc8b3bf8fa65b7.js","sourcesContent":["import React from \"react\";\nimport * as PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\n\nconst H1 = ({ children, className, textAlign }) => {\n return (\n \n {children}\n
\n \n );\n};\n\nH1.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n textAlign: PropTypes.oneOf([\"left\", \"center\"]),\n};\n\nH1.defaultProps = {\n className: \"\",\n textAlign: \"left\",\n};\n\nconst StyledH1 = styled.h1`\n margin: 0 0 30px;\n position: relative;\n font-family: 'Playfair Display', serif;\n font-size: 2em;\n font-weight: 700;\n text-align: ${props => props.textAlign};\n hr {\n background-color: #355A2A;\n border: none;\n color: #355A2A;\n height: 5px;\n left: 0;\n margin-top: 2px;\n position: ${props => (props.textAlign === \"center\" ? \"relative\" : \"absolute\")};\n width: 150px;\n }\n @media (min-width: 800px) {\n margin: ${props => (props.textAlign === \"center\" ? \"0 0 40px\" : \"0 0 30px\")};\n hr {\n width: ${props => (props.textAlign === \"center\" ? \"200px\" : \"150px\")};\n }\n font-size: 3em;\n }\n`;\n\nexport default H1;","import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Layout from '../components/layout'\nimport H1 from '../components/typography/h1'\nimport H2 from '../components/typography/h2'\nimport styled from \"styled-components\"\nimport {Helmet} from \"react-helmet\"\n\nconst Sales = ({ data }) => {\n // const { data } = this.props\n // const horses = data.allPrismicHorsesForSale.nodes\n \n return (\n \n \n\n \n \n Horses for Sale | Collins Sporthorses\n \n \n\n \n

Horses For Sales

\n \n {/* { horses !== null &&\n horses.map(({ data, uid }) => {\n const price = new Intl.NumberFormat({ style: 'currency', currency: 'USD' }).format(data.price.text);\n const link = `/horses-for-sale/${uid}`\n return (\n
\n
\n {data.picture_of_horse.alt}\n
\n
\n

{data.horse_name.text}

\n
    \n
  • Price: ${price}
    • \n
  • Gender: {data.gender}
    • \n
  • Height: {data.hands.text}
    • \n
  • Breed: {data.stud_book.text}
    • \n
\n View Horse\n
\n
\n )\n })\n } */}\n\n
\n

No horses for sale

\n

We currently do not have any horses posted for sale. If you would like to inquire about inventory not listed yet, please visit our contact page.

\n
\n \n\n \n \n \n \n \n )\n}\n\nexport default Sales\n\nconst Container = styled.div`\n width: 90%;\n max-width: 1000px;\n margin: 3em auto;\n .feature-image {\n width: 100%;\n }\n ul {\n list-style: none;\n padding-left: 0;\n li {\n padding: .25em 0;\n font-size: 1.25em;\n font-family: 'Lora';\n }\n }\n .horse-listing {\n border: solid 1px #CBCBCB;\n padding: 2em;\n margin: 1em 0;\n @media (min-width: 800px) {\n display: flex;\n .horse-image {\n width: calc(100%/2);\n }\n .horse-data {\n padding: 0 2em;\n }\n }\n }\n}\n`\nconst StyledLink = styled(props => ) `\nbackground-color: #355A2A;\nborder: 0;\ncolor: white;\nfont-family: 'Playfair Display', serif;\npadding: 1em 4em;\ntransition: ease .2s;\ntext-decoration: none;\nposition: relative;\ndisplay: inline-block;\n:hover {\n background-color: #2A4822;\n cursor: pointer;\n}`\n\n\n// export const pageQuery = graphql`\n// query {\n// allPrismicHorsesForSale {\n// nodes {\n// data {\n// about_the_horse {\n// text\n// }\n// age {\n// text\n// }\n// hands {\n// text\n// }\n// horse_name {\n// text\n// }\n// picture_of_horse {\n// alt\n// url\n// }\n// price {\n// text\n// }\n// stud_book {\n// text\n// }\n// gender\n// }\n// uid\n// }\n// }\n// }\n// `","import React from \"react\";\nimport * as PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\n\nconst h2 = ({ children, className, textAlign }) => {\n return (\n \n {children}\n
\n \n );\n};\n\nh2.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n textAlign: PropTypes.oneOf([\"left\", \"center\"]),\n};\n\nh2.defaultProps = {\n className: \"\",\n textAlign: \"left\",\n};\n\nconst Styledh2 = styled.h2`\n margin: 0 0 15px;\n position: relative;\n font-family: 'Playfair Display', serif;\n font-size: 1.75em;\n font-weight: bold;\n text-align: ${props => props.textAlign};\n hr {\n background-color: #355A2A;\n border: none;\n color: #355A2A;\n height: 5px;\n left: 0;\n margin-top: 2px;\n position: ${props => (props.textAlign === \"center\" ? \"relative\" : \"absolute\")};\n width: 150px;\n }\n @media (min-width: 800px) {\n margin: ${props => (props.textAlign === \"center\" ? \"0 0 40px\" : \"0 0 15px\")};\n hr {\n width: ${props => (props.textAlign === \"center\" ? \"200px\" : \"150px\")};\n }\n font-size: 2em;\n }\n`;\n\nexport default h2;"],"sourceRoot":""}