{"version":3,"file":"image-gallery.css","mappings":"AAIC,mCACC,oDAGD,oDAGC,yBACA,+CADA,yBAFA,qDACA,kCAEA,8BAEA,wEACC,mDACA,eACA,YACA,kBAEA,0FAEC,YACA,qCAFA,UAEA,CAGD,8FAQC,+CACA,6CADA,mBADA,qDAHA,yBAKA,uBAHA,SAIA,gBATA,kBAIA,QAHA,wDACA,uBAOA,CAEA,qGAQC,8DADA,8BANA,WAGA,YAEA,OAJA,kBAGA,MAIA,wEACA,iFACA,8MACA,kDATA,UASA,CAGD,8GAEC,aADA,kBAIA,gGACA,8MACA,gDAJA,WACA,SAGA,CAEA,iHACC,cACA,gBACA,0BAGD,gHACC,cACA,mBAIF,oHAGC,wBA7EU,CAgFV,YACA,kBALA,WADA,qBAIA,gBADA,iBAIA,wDAEA,0HACC,wBApFW,CAuFZ,sHACC,kBAOD,2GACC,wEACA,8EACA,gDAGD,oHACC,oFACA,kDAQF,kFACC,6CADD,kFACC,2CADD,kFACC,uDADD,kFACC,2CADD,kFACC,2CADD,kFACC,uDADD,kFACC,uDADD,kFACC,+CADD,kFACC,uDAKH,wBAGG,yFACC,6CADD,yFACC,2CADD,yFACC,uDADD,yFACC,2CADD,yFACC,2CADD,yFACC,uDADD,yFACC,uDADD,yFACC,+CADD,yFACC,wDAMJ,wBAGG,yFACC,6CADD,yFACC,2CADD,yFACC,uDADD,yFACC,2CADD,yFACC,2CADD,yFACC,uDADD,yFACC,uDADD,yFACC,+CADD,yFACC","sources":["webpack://b-blocks/./src/blocks/image-gallery/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n$secondaryColor: #8344c5;\r\n\r\n.wp-block-b-blocks-image-gallery {\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.imgGalleryWrapper {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\talign-content: flex-start;\r\n\t\tjustify-content: space-between;\r\n\r\n\t\ta.imgGalleryImgLink {\r\n\t\t\tflex-grow: 1;\r\n\t\t\tmax-width: 100%;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\timg.imgGalleryImg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t}\r\n\r\n\t\t\t.imgGalleryImgCaption {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttransition: all .3s ease;\r\n\t\t\t\twidth: calc(100% - 10px);\r\n\t\t\t\theight: calc(100% - 10px);\r\n\t\t\t\ttop: 5px;\r\n\t\t\t\tleft: 5px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tbackground: rgba(256, 256, 256, .5);\r\n\t\t\t\t\tbackdrop-filter: blur(20px);\r\n\t\t\t\t\ttransform: scaleX(0);\r\n\t\t\t\t\ttransform-origin: right;\r\n\t\t\t\t\ttransition: transform .3s ease-in-out;\r\n\t\t\t\t\ttransition-delay: .3s;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.captionContent {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding: 20px;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\ttransform: translateX(-100%);\r\n\t\t\t\t\ttransition: transform .3s ease-in-out;\r\n\t\t\t\t\ttransition-delay: 0s;\r\n\r\n\t\t\t\t\th4 {\r\n\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\t\tmargin: 0 0 15px 0 !important;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tp {\r\n\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\tmargin: 0 !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.imgGalleryPreviewBtn {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tbackground-color: $primaryColor;\r\n\t\t\t\t\tpadding: 8px 15px;\r\n\t\t\t\t\tmargin-top: 15px;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-radius: 3px;\r\n\t\t\t\t\ttransition: all .3s ease;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: $secondaryColor;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tmargin-right: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t.imgGalleryImgCaption {\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\ttransform: scaleX(1);\r\n\t\t\t\t\t\ttransform-origin: left;\r\n\t\t\t\t\t\ttransition-delay: 0s;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.captionContent {\r\n\t\t\t\t\t\ttransform: translateX(0);\r\n\t\t\t\t\t\ttransition-delay: .3s;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@for $i from 1 through 9 {\r\n\t\t\t&.columns-#{$i} {\r\n\t\t\t\ta.imgGalleryImgLink {\r\n\t\t\t\t\tflex-basis: calc(100% / #{$i});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\t@for $i from 1 through 9 {\r\n\t\t\t\t&.columns-tablet-#{$i} {\r\n\t\t\t\t\ta.imgGalleryImgLink {\r\n\t\t\t\t\t\tflex-basis: calc(100% / #{$i});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (max-width: 575px) {\r\n\t\t\t@for $i from 1 through 9 {\r\n\t\t\t\t&.columns-mobile-#{$i} {\r\n\t\t\t\t\ta.imgGalleryImgLink {\r\n\t\t\t\t\t\tflex-basis: calc(100% / #{$i});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}