{"version":3,"sources":["webpack:///./src/components/PhotoGrid.vue?1784","webpack:///src/components/PhotoGrid.vue","webpack:///./src/components/PhotoGrid.vue?c200","webpack:///./src/components/PhotoGrid.vue","webpack:///./src/views/Apparel.vue?7592","webpack:///./src/views/Apparel.vue?4199","webpack:///src/views/Apparel.vue","webpack:///./src/views/Apparel.vue?a2b4","webpack:///./src/views/Apparel.vue","webpack:///./src/components/PhotoGrid.vue?edf6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","domProps","_s","feature","on","openModal","_t","staticRenderFns","name","props","data","photos","created","$children","mounted","setInitialFeature","setVideo","methods","$emit","component","_v","featureImgHtml","setFeatureImg","directives","rawName","value","show","expression","toggleContent","_m","products","product","option1","option2","isdistcountry","metaInfo","title","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","Boolean","label","key","html"],"mappings":"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","file":"js/apparel.f2e139d0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"photo-grid-wrapper\"},[_c('div',{ref:\"feature\",staticClass:\"photo-grid-feature\",attrs:{\"role\":\"button\",\"tabindex\":\"0\",\"aria-label\":\"product image\"},domProps:{\"innerHTML\":_vm._s(_vm.feature)},on:{\"click\":_vm.openModal}}),_c('div',{staticClass:\"photo-grid\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"photo-grid-wrapper\">\n    <div class=\"photo-grid-feature\" ref=\"feature\" v-html=\"feature\" @click=\"openModal\" role=\"button\" tabindex=\"0\" aria-label=\"product image\" />\n    <div class=\"photo-grid\">\n      <slot></slot>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"photos\",\n\n  props: [\"feature\"],\n\n  data() {\n    return {\n      photos: []\n    };\n  },\n\n  created() {\n    this.photos = this.$children;\n  },\n\n  mounted() {\n    this.setInitialFeature();\n    this.setVideo();\n  },\n\n  methods: {\n    setInitialFeature() {\n      return (this.$refs.feature.innerHTML = this.$children[0].$el.innerHTML);\n    },\n\n    setVideo() {\n      this.$emit('isVideo');\n    },\n\n    openModal() {\n      this.$emit('openModal');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.photo-grid-wrapper {\n  background-color: white;\n  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.38);\n  padding: 10px;\n  max-width: 630px;\n  margin: 30px auto;\n}\n\n.photo-grid-feature {\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.photo-grid-feature img {\n  width: 100%;\n  display: block;\n}\n\n.photo-grid-feature span {\n  position: absolute;\n  bottom: 7px;\n  left: 18px;\n  background-color: rgba(255, 255, 255, 0.85);\n  font-family: var(--roboto);\n  font-size: 0.875rem;\n  line-height: 1.214;\n  color: var(--black);\n  text-align: center;\n  padding: 5px 5%;\n}\n\n.photo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(67px, 1fr));\n  grid-gap: 10px;\n}\n\n.photo-grid-feature .btn-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 93px !important;\n  height: 93px !important;\n  border-radius: 47px !important;\n  border: 4px solid var(--white);\n  cursor: pointer;\n}\n\n.photo-grid-feature .btn-wrapper::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  font-size: 0;\n  line-height: 0;\n  border-top: 16px solid transparent !important;\n  border-left: 24px solid #fff !important;\n  border-bottom: 16px solid transparent !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-30%, -50%);\n}\n\n.photo-grid-feature .new::after {\n  content: \"NEW\";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 30px !important;\n  left: 30px !important;\n  width: 78px !important;\n  height: 78px !important;\n  border-radius: 40px !important;\n  border: 2px solid var(--white) !important;\n  background-color: var(--black);\n  color: var(--white);\n  font-size: 1.5rem !important;\n}\n\n@media only screen and (min-width: 600px) {\n  .photo-grid-feature span {\n    left: 18px;\n    bottom: 18px;\n    transform: translateX(0);\n    padding: 10px 40px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .photo-grid-wrapper {\n    max-width: 530px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .photo-grid-wrapper {\n    max-width: 460px;\n    margin-right: 25px;\n    align-self: start;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoGrid.vue?vue&type=template&id=49df36ef&\"\nimport script from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Apparel.vue?vue&type=style&index=0&id=e514c706&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Apparel.vue?vue&type=style&index=0&id=e514c706&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('div',{staticClass:\"wide-wrapper\"},[_c('h2',[_vm._v(\"Joe Cadillac T-shirt\")]),_c('h3'),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"apparel_trap1@1x.jpg\",\"src2\":\"apparel_trap1@2x.jpg\",\"alt\":\"Close-up of shirt front\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"apparel_trap2@1x.jpg\",\"src2\":\"apparel_trap2@2x.jpg\",\"alt\":\"Photo of men's shirt\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"apparel_trap3@1x.jpg\",\"src2\":\"apparel_trap3@2x.jpg\",\"alt\":\"Photo of women's shirt\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('div',{staticClass:\"content-wrapper\"},[_c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Joe Cadillac T-shirt\")]),_c('h3'),_c('p',[_vm._v(\" Get your Contrology® Cadillac pull-ups on and look good doing it! Our super comfortable Contrology men’s t-shirt features a uniquely soft tri-blend fabrication, side-seams, modern fit, crew neck and short sleeves. Women’s cut runs small, consider sizing up! 100% no sweatshops and eco-friendly! \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.show),expression:\"!show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" More › \")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}]},[_vm._m(0),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" Less › \")])])]),_c('product-selector',{attrs:{\"products\":_vm.products,\"product\":_vm.product,\"option1\":_vm.option1,\"option2\":_vm.option2,\"isdistcountry\":_vm.isdistcountry}})],1)],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" Fabrication: 50% polyester, 25% Airlume combed and ring-spun cotton, 25% rayon\"),_c('br'),_vm._v(\" Women’s Sizes: S-XL\"),_c('br'),_vm._v(\" Men’s Sizes: S-2XL\"),_c('br'),_vm._v(\" Color: Clay \")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Joe Cadillac T-shirt</h2>\n        <h3></h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"apparel_trap1@1x.jpg\"\n              src2=\"apparel_trap1@2x.jpg\"\n              alt=\"Close-up of shirt front\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"apparel_trap2@1x.jpg\"\n              src2=\"apparel_trap2@2x.jpg\"\n              alt=\"Photo of men's shirt\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"apparel_trap3@1x.jpg\"\n              src2=\"apparel_trap3@2x.jpg\"\n              alt=\"Photo of women's shirt\"\n            />\n          </photo-grid>\n\n          <!-- <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"arm-chair\"\n            src=\"contrology-chair1@1x.jpg\"\n            src2=\"contrology-chair1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Chair thumbnail\"\n            productName=\"Contrology Arm Chair\"\n          /> -->\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Joe Cadillac T-shirt</h2>\n              <h3></h3>\n              <p>\n                Get your Contrology® Cadillac pull-ups on and look good doing it! Our super comfortable Contrology men’s t-shirt features a uniquely soft tri-blend fabrication, side-seams, modern fit, crew neck and short sleeves. Women’s cut runs small, consider sizing up! 100% no sweatshops and eco-friendly!\n                <span\n                  v-show=\"!show\"\n                  class=\"content-link\"\n                  @click=\"toggleContent\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                >\n                  More ›\n                </span>\n              </p>\n              <div v-show=\"show\">\n                <p>\n                  Fabrication: 50% polyester, 25% Airlume combed and ring-spun cotton, 25% rayon<br/>\n                  Women’s Sizes: S-XL<br/>\n                  Men’s Sizes: S-2XL<br/>\n                  Color: Clay\n                </p>\n                  <span\n                    v-show=\"show\"\n                    class=\"content-link\"\n                    @click=\"toggleContent\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                  >\n                    Less ›\n                  </span>\n              </div>\n            </section>\n\n            <product-selector\n              :products=products\n              :product=product\n              :option1=option1\n              :option2=option2\n              :isdistcountry=isdistcountry\n            />\n\n            <!-- <section class=\"links\">\n              <icon-link\n                url=\"support#returns\"\n                img=\"icon-warranty.svg\"\n                alt=\"Warranty icon\"\n                title=\"Learn more\"\n              >Limited Lifetime Warranty</icon-link>\n              <icon-link\n                url=\"support#returns\"\n                img=\"icon-guarantee.svg\"\n                alt=\"Guarantee icon\"\n                title=\"Learn more\"\n              >30-Day Money Back Guarantee</icon-link>\n              <icon-link\n                url=\"support\"\n                img=\"icon-assembly.svg\"\n                alt=\"Assembly icon\"\n                title=\"Learn more\"\n              >Assembly &amp; Support</icon-link>\n            </section> -->\n\n            <!-- <cta-prod-button\n              class=\"cta-button\"\n              link=\"arm-chair\"\n              src=\"contrology-chair1@1x.jpg\"\n              src2=\"contrology-chair1@2x.jpg\"\n              alt=\"Close-up photo of Contrology Chair thumbnail\"\n              productName=\"Contrology Arm Chair\"\n            /> -->\n            \n            <!-- <section class=\"more\">\n              <tertiary-button text=\"More Arm Chair Accessories\" url=\"/accessories/Arm Chair\" />\n            </section> -->\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</template>\n\n<script>\nimport PhotoGrid from \"@/components/PhotoGrid.vue\";\nimport Photo from \"@/components/Photo.vue\";\nimport ProductSelector from \"@/components/ProductSelector.vue\";\n// import IconLink from \"@/components/IconLink.vue\";\n// import CtaProdButton from \"@/components/CtaProdButton.vue\";\n// import TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"apparel\",\n\n  metaInfo: {\n    title: \"Pilates Clothes - Pilates Shirt - Joe Cadillac T Shirt\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"You'll love this Joseph Pilates Quote on this super comfortable pilates shirt in both mens and womens styles. Check out our eco-friendly Pilates Clothes today.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    // IconLink,\n    // CtaProdButton,\n    // TertiaryButton\n  },\n\n  props: {\n    isdistcountry: Boolean\n  },\n\n  data() {\n    return {\n      show: false, // Intro content\n      featureImgHtml: \"\", // PhotoGrid\n      product: {\n        label: \"Select Style\",\n        value: \"\",\n        key: \"style\"\n      },\n      option1: {\n        label: \"Select Size\",\n        value: \"\",\n        key: \"size\"\n      },\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41267919421633,\n          partnumber: 17608,\n          price: \"19.50\",\n          style: \"Women's\",\n          size: \"Small\",\n          available: true\n        },\n        {\n          prodid: 41267919519937,\n          partnumber: 17611,\n          price: \"19.50\",\n          style: \"Women's\",\n          size: \"X-Large\",\n          available: true\n        },\n        {\n          proid: 41267919257793,\n          partnumber: 17612,\n          price: \"19.50\",\n          style: \"Men's\",\n          size: \"Small\",\n          available: true\n        },\n        {\n          prodid: 41267919323329,\n          partnumber: 17614,\n          price: \"19.50\",\n          style: \"Men's\",\n          size: \"Large\",\n          available: false\n        },\n        {\n          prodid: 41267919356097,\n          partnumber: 17615,\n          price: \"19.50\",\n          style: \"Men's\",\n          size: \"X-Large\",\n          available: true\n        },\n        {\n          prodid: 41267919388865,\n          partnumber: 17616,\n          price: \"19.50\",\n          style: \"Men's\",\n          size: \"XX-Large\",\n          available: true\n        }\n      ]\n    };\n  },\n  \n  methods: {\n    // Set PhotoGrid featured image\n    setFeatureImg(html) {\n      this.featureImgHtml = html;\n    },\n\n    // Toggle intro content\n    toggleContent() {\n      this.show = !this.show;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh2 {\n  text-align: center;\n  margin: 0;\n  padding: 0;\n}\n\nh2 + h3 {\n  display: none;\n}\n\n.intro h2 {\n  display: none;\n}\n\n.intro h3 {\n  display: block;\n}\n\n.intro p {\n  font-family: var(--roboto);\n  font-size: 0.9375rem;\n  line-height: 1.467;\n  color: #333;\n}\n\n.content-link {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.wide {\n  display: none;\n}\n\n.links {\n  margin-top: 30px;\n}\n\n@media only screen and (min-width: 768px) {\n  h2 + h3 {\n    display: block;\n    margin: 0;\n  }\n\n  .intro h3 {\n    display: none;\n  }\n\n  .upper-content-wrapper {\n    padding: 0 80px;\n  }\n\n  .content-wrapper {\n    max-width: 530px;\n    margin: 0 auto;\n  }\n\n  .links {\n    column-count: 3;\n    position: relative;\n    margin-top: 15px;\n  }\n\n  .links > * {\n    -webkit-column-break-inside: avoid;\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  .icon-link {\n    margin-top: 0;\n  }\n\n  ::v-deep .modal-card-wrapper {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .upper-content-wrapper {\n    padding: 0 45px;\n    display: flex;\n    align-items: flex-start;\n    max-width: 900px;\n    margin: 0 auto 30px;\n  }\n\n  .content-wrapper {\n    width: 340px;\n    display: flex;\n    flex-flow: column nowrap;\n  }\n\n  .intro {\n    order: 1;\n    margin-top: 15px;\n  }\n\n  .cta-button {\n    order: 3;\n    margin: 20px 0 10px;\n  }\n\n  .links {\n    column-count: 1;\n    order: 4;\n  }\n\n  .icon-link {\n    margin: 0;\n  }\n\n  .more {\n    order: 5;\n    margin-top: 20px;\n  }\n}\n\n@media only screen and (min-width: 1208px) {\n  .wide-wrapper {\n    background-color: rgba(255, 255, 255, 0.75);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto auto auto;\n    position: relative;\n    z-index: 0;\n    max-width: 1050px;\n    margin: 0 auto;\n  }\n\n  .upper-content-wrapper {\n    display: contents;\n  }\n\n  .photo-grid-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 2;\n  }\n\n  .content-wrapper {\n    width: auto;\n    grid-column: 2 / span 1;\n    grid-row: 1 / span 1;\n    margin: 50px 30px 20px 0;\n    max-width: 600px;\n  }\n\n  .cta-button {\n    display: none;\n  }\n\n  .cta-button.wide {\n    display: flex;\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n    justify-self: center;\n    margin: 0 80px 30px auto;\n  }\n\n  .intro h2,\n  .intro h3 {\n    display: block;\n    text-align: left;\n  }\n\n  .wide-wrapper > h2,\n  .wide-wrapper > h3 {\n    display: none;\n  }\n\n  .links {\n    column-count: 2;\n    max-width: 400px;\n  }\n\n  .icon-link {\n    margin: 1px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Apparel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Apparel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Apparel.vue?vue&type=template&id=e514c706&scoped=true&\"\nimport script from \"./Apparel.vue?vue&type=script&lang=js&\"\nexport * from \"./Apparel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Apparel.vue?vue&type=style&index=0&id=e514c706&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e514c706\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}