"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const PLPpageWrapperArea = view_container_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 = view_container_1.styled.div `
  grid-area: banner;
  background: #34495e;
  min-height: 150px;
`;
exports.PLPbannersectionArea = PLPbannersectionArea;
const PLPcontentsectionArea = view_container_1.styled.div `
  grid-area: content;
  background: #e2e2e2;
  min-height: 150px;
`;
exports.PLPcontentsectionArea = PLPcontentsectionArea;
const PLPfootersectionArea = view_container_1.styled.div `
  grid-area: footer;
  background: #232325;
  min-height: 150px;
`;
exports.PLPfootersectionArea = PLPfootersectionArea;
const FilterSectionArea = view_container_1.styled.aside `
  grid-area: filter;
  background: #7f8c8d;
  grid-row: 1 / 3;
`;
exports.FilterSectionArea = FilterSectionArea;
const HeaderSectionArea = view_container_1.styled.div `
  grid-area: header;
  background: #95a5a6;
  min-height: 80px;
  grid-column: 2 / -1;
`;
exports.HeaderSectionArea = HeaderSectionArea;
const ProductItemStyle = view_container_1.styled.css `
  background: #bdc3c7;
  min-height: 250px;
`;
const ProductItemSectionArea = view_container_1.styled.div `
  ${ProductItemStyle};
`;
exports.ProductItemSectionArea = ProductItemSectionArea;
const ProductItemSection2xArea = view_container_1.styled.div `
  ${ProductItemStyle};
  grid-column: span 2 / auto;
`;
exports.ProductItemSection2xArea = ProductItemSection2xArea;
const PLPinnercontentsectionArea = view_container_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