{"version":3,"file":"MaterialGrid-BTLfZVSu.js","sources":["../../../packs/frontend/components/gallery/MaterialGrid.vue"],"sourcesContent":["<template>\n  <div class=\"material-grid\">\n    <slot />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.material-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));\n  grid-template-rows: 1fr;\n  grid-gap: $spacer-4;\n\n  @include media-breakpoint-down(md) {\n    grid-template-columns: 1fr;\n  }\n\n  @include media-breakpoint-down(sm) {\n    grid-gap: $spacer-75;\n  }\n}\n</style>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"uIACE,SAAAA,EAAAC,EAAAC,EAAA,QACUC,EAAA,EAAAC,EAAA,MAAAC,EAAA"}