"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const PLPpageWrapperArea = styleh_components_1.styled.section`
  display: grid;
  grid-template-areas:
    'banner'
    'content'
    'footer';
  justify-items: stretch;

  h2 {
    color: white;
    text-shadow: 1px 3px 15px #000;
    font-weight: lighter;
    text-align: center;
  }
`;
exports.PLPpageWrapperArea = PLPpageWrapperArea;
const PLPbannersectionArea = styleh_components_1.styled.div`
  grid-area: banner;
  background: #34495e;
  min-height: 150px;
`;
exports.PLPbannersectionArea = PLPbannersectionArea;
const PLPcontentsectionArea = styleh_components_1.styled.div`
  grid-area: content;
  background: #e2e2e2;
  min-height: 150px;
`;
exports.PLPcontentsectionArea = PLPcontentsectionArea;
const PLPfootersectionArea = styleh_components_1.styled.div`
  grid-area: footer;
  background: #232325;
  min-height: 150px;
`;
exports.PLPfootersectionArea = PLPfootersectionArea;
const FilterSectionArea = styleh_components_1.styled.aside`
  grid-area: filter;
  background: #7f8c8d;
  grid-row: 1 / 3;
`;
exports.FilterSectionArea = FilterSectionArea;
const HeaderSectionArea = styleh_components_1.styled.div`
  grid-area: header;
  background: #95a5a6;
  min-height: 80px;
  grid-column: 2 / -1;
`;
exports.HeaderSectionArea = HeaderSectionArea;
const ProductItemStyle = styleh_components_1.styled.css`
  background: #bdc3c7;
  min-height: 250px;
`;
const ProductItemSectionArea = styleh_components_1.styled.div`
  ${ProductItemStyle};
`;
exports.ProductItemSectionArea = ProductItemSectionArea;
const ProductItemSection2xArea = styleh_components_1.styled.div`
  ${ProductItemStyle};
  grid-column: span 2 / auto;
`;
exports.ProductItemSection2xArea = ProductItemSection2xArea;
const PLPinnercontentsectionArea = styleh_components_1.styled.div`
  display: grid;
  grid-template-areas:
    'filter header header header'
    'filter . . .';
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  justify-items: stretch;
`;
exports.PLPinnercontentsectionArea = PLPinnercontentsectionArea; //# sourceMappingURL=styled.js.map