{"version":3,"file":"image-gallery/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACI;EACA;AAAJ;;AAIA;;EAEG;EACA;EACA;AADH;;AAIA;;EAEE;EACA;EACA;KAAA;EACA;AADF;;AAIA;;EAEE;OAAA;AADF;;AAIA;;EAEE;EACA;EACA;EACA;EACA;OAAA;AADF,C","sources":["webpack://pixelnest-blocks/./src/image-gallery/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wp-block-create-block-image-gallery {\n    color: #fff;\n    padding: 2px;\n}\n\n\n.custom-gallery-frontend.grid,\n.gallery-preview.grid {\n   display: grid;\n   grid-column-gap: var(--column-gap, 10px);\n   gap: var(--row-gap, 10px) var(--column-gap, 10px);\n}\n\n.custom-gallery-frontend.grid img,\n.gallery-preview.grid img {\n  width: 100%;\n  aspect-ratio: 1 / 1;       /* makes perfect square */\n  object-fit: cover;         /* crop instead of stretch */\n  display: block;\n}\n\n.custom-gallery-frontend.masonry,\n.gallery-preview.masonry {\n  column-gap: var(--column-gap, 10px);\n}\n\n.custom-gallery-frontend.masonry img,\n.gallery-preview.masonry img {\n  width: 100%;\n  height: auto;      \n  margin-bottom: var(--row-gap, 10px);\n  display: block;\n  break-inside: avoid;\n}\n"],"names":[],"sourceRoot":""}