{"version":3,"file":"style.css","mappings":"AAGA,WACC,gCAIA,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,WACC,kDADD,YACC,mDADD,YACC,mDADD,YACC,mDAIF,wBAEE,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,oDAKH,wBAEE,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,kBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,oDAMH,6BACC,GACC,gDACA,kDAGD,IACC,gDACA,kDAGD,OACC,8DAGD,GACC,gDACA,+DAjBF,qBACC,GACC,gDACA,kDAGD,IACC,gDACA,kDAGD,OACC,8DAGD,GACC,gDACA,+DAMD,+BACC,oDAIA,6DACC,aAGD,4DAGC,kBAFA,oDAGA,eAFA,gBAGA,0SACA,wCAEA,6IAEC,8EAGD,mLAGC,2EAGD,oWAIC,UAGD,6gBAMC,oFAGD,yLAEC,2HAIF,8DACC,qBAIA,SAHA,UAKA,gBAJA,kBACA,QAEA,gJAEA,oDACA,oBAEA,sEACC,UAGD,mEAMC,oHAFA,wBA1HW,CAuHX,cAEA,WAEA,kBAEA,gGALA,UAKA,CAGC,+EACC,gDADD,gFACC,gDADD,gFACC,gDADD,gFACC,gDADD,gFACC,gDAMJ,8DAEC,YAIA,OAHA,UACA,kBACA,MAEA,uFACA,oDAPA,WAQA,8BAEA,kFACC,UAGD,kEACC,cAGA,YAKA,OAJA,gBAFA,eAOA,qCAJA,UAQA,oBAPA,kBACA,MAIA,uFACA,yLAXA,WAaA,8BAEA,+EACC,UACA,oBAKH,8DAEC,kEADA,0EAEA,UACA,4BACA,6FACA,yLACA,8BAEA,qEASC,+BARA,WACA,cAEA,YAIA,OAHA,UACA,kBACA,MAGA,uIACA,2EACA,yLACA,kDAVA,WAWA,8BAGD,+EACC,kBAGD,kIAGC,SADA,kBAEA,yBACA,6FACA,6IACA,sBAGD,iEACC,kDAGD,wEAKC,SACA,kBAEA,eANA,YACA,mBACA,YAGA,sDANA,WAQA,oBAEA,+EACC,wEAKH,8DAGC,SACA,4BAHA,kBACA,QAGA,0FACA,kJACA,sBAEA,qEAQC,2BAPA,WACA,cAEA,YACA,kBAEA,QADA,MAGA,iFACA,6FAPA,UAOA,CAGD,2EAEC,kEADA,oDACA,CAEA,oFAIC,SACA,kBAEA,eANA,mBAKA,iBAHA,UADA,iBAKA,CAEA,+FACC,eAIF,uFACC,YAEA,kBADA,UACA,CAEA,8FACC,wEAGD,6FASC,kBARA,WACA,cAEA,WAIA,SAHA,UACA,kBACA,QAGA,yGACA,oDARA,UASA,oBAGD,8GACC,UAIF,yFAEC,YACA,YAFA,UAEA,CAEA,gGACC,2EAMJ,6DAMC,gCAJA,aAGA,OAIA,UAEA,cAJA,aAJA,eACA,MAQA,wDAFA,kBATA,YAOA,YAIA,CAEA,wBAdD,6DAeE,cAGD,wBAlBD,6DAmBE,cAGD,2EAMC,cAJA,YAGA,SAIA,UAFA,gBAJA,kBAKA,kBAJA,QAMA,gJACA,8DAVA,UAUA,CAEA,wFAEC,sBACA,QAAO,CAFP,oBAEA,CAEA,qMAEC,qEAKD,8FACC,yCAKH,oEACC,UACA,mBAEA,kFACC,UACA,oIACA","sources":["webpack://b-image-gallery/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n\r\n// Dashicon\r\n.dashicons {\r\n\tfont-family: dashicons !important;\r\n}\r\n\r\n@for $i from 1 through 12 {\r\n\t.columns-#{$i} {\r\n\t\tgrid-template-columns: repeat(#{$i}, minmax(240px, 1fr));\r\n\t}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t@for $i from 1 through 12 {\r\n\t\t.columns-tablet-#{$i} {\r\n\t\t\tgrid-template-columns: repeat(#{$i}, minmax(240px, 1fr));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (max-width: 576px) {\r\n\t@for $i from 1 through 12 {\r\n\t\t.columns-mobile-#{$i} {\r\n\t\t\tgrid-template-columns: repeat(#{$i}, minmax(240px, 1fr));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Animations\r\n@keyframes loaderBar {\r\n\t0% {\r\n\t\ttransform: scaleX(0);\r\n\t\ttransform-origin: 0 0;\r\n\t}\r\n\r\n\t50% {\r\n\t\ttransform: scaleX(1);\r\n\t\ttransform-origin: 0 0;\r\n\t}\r\n\r\n\t50.05% {\r\n\t\ttransform-origin: 100% 100%;\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: scaleX(0);\r\n\t\ttransform-origin: 100% 100%;\r\n\t}\r\n}\r\n\r\n// Image Gallery\r\n.wp-block-bigb-image-gallery {\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.bigbImageGallery {\r\n\t\t.galleryItems {\r\n\t\t\tdisplay: grid;\r\n\t\t}\r\n\r\n\t\t.galleryItem {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: box-shadow 1s, height 1.5s, transform 1.25s;\r\n\t\t\twill-change: box-shadow, height, transform;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.bigbNowEditing {\r\n\t\t\t\ttransform: scale(1.05);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover .galleryImages img,\r\n\t\t\t&.bigbNowEditing .galleryImages img {\r\n\t\t\t\t// transform: translateX(-12.5%) translateY(-7.5%) scale(1.1);\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover .galleryHeader,\r\n\t\t\t&.bigbNowEditing .galleryHeader,\r\n\t\t\t&:hover .galleryHeader::before,\r\n\t\t\t&.bigbNowEditing .galleryHeader::before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover .galleryHeader,\r\n\t\t\t&.bigbNowEditing .galleryHeader,\r\n\t\t\t&:hover .galleryHeader h3,\r\n\t\t\t&.bigbNowEditing .galleryHeader h3,\r\n\t\t\t&:hover .galleryHeader h5,\r\n\t\t\t&.bigbNowEditing .galleryHeader h5 {\r\n\t\t\t\ttransform: translateX(0);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover .galleryHeader::before,\r\n\t\t\t&.bigbNowEditing .galleryHeader::before {\r\n\t\t\t\ttransform: skew(-15deg) translateX(0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.galleryLoader {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%) translateY(-50%);\r\n\t\t\toverflow: hidden;\r\n\t\t\ttransition: opacity 1s;\r\n\t\t\twill-change: opacity;\r\n\r\n\t\t\t&.visible {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.bar {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 32px;\r\n\t\t\t\theight: 4px;\r\n\t\t\t\tbackground-color: $primaryColor;\r\n\t\t\t\tmargin-bottom: 4px;\r\n\t\t\t\tanimation: loaderBar 2s ease-in-out alternate infinite;\r\n\t\t\t\ttransform: translateX(-100%);\r\n\r\n\t\t\t\t@for $i from 1 through 5 {\r\n\t\t\t\t\t&:nth-child(#{$i}) {\r\n\t\t\t\t\t\tanimation-delay: $i * 0.1s;\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.galleryImages {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform-origin: 50% 50%;\r\n\t\t\ttransition: opacity 1s;\r\n\t\t\twill-change: opacity, transform;\r\n\r\n\t\t\t&.galleryImagesLoaded {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\t// transform: translateX(-12.5%) translateY(-7.5%);\r\n\t\t\t\ttransform-origin: 50% 50%;\r\n\t\t\t\ttransition: opacity 1s, transform 1s;\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t\twill-change: opacity, transform;\r\n\r\n\t\t\t\t&.imageVisible {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tpointer-events: auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.galleryHeader {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\topacity: 0;\r\n\t\t\tpadding: 16px 40px 16px 16px;\r\n\t\t\ttransform: translateX(-8px);\r\n\t\t\ttransition: opacity 1s, transform 1s;\r\n\t\t\twill-change: opacity, transform;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tborder-bottom-right-radius: 8px;\r\n\t\t\t\ttransform: skew(-15deg) translateX(-32px);\r\n\t\t\t\ttransform-origin: 0 0;\r\n\t\t\t\ttransition: opacity 1s, transform 1s;\r\n\t\t\t\ttransition-delay: 0.3s;\r\n\t\t\t\twill-change: opacity, transform;\r\n\t\t\t}\r\n\r\n\t\t\t.galleryHeadings {\r\n\t\t\t\tmargin-right: 32px;\r\n\t\t\t}\r\n\r\n\t\t\th3,\r\n\t\t\th5 {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\ttext-shadow: 0 0 4px #000;\r\n\t\t\t\ttransform: translateX(-8px);\r\n\t\t\t\ttransition: transform 1s;\r\n\t\t\t\twill-change: transform;\r\n\t\t\t}\r\n\r\n\t\t\th5 {\r\n\t\t\t\ttransition-delay: 0.2s;\r\n\t\t\t}\r\n\r\n\t\t\t.btnClose {\r\n\t\t\t\twidth: 24px;\r\n\t\t\t\theight: 24px;\r\n\t\t\t\tline-height: initial;\r\n\t\t\t\tpadding: 2px;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\ttransition: opacity .5s;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twill-change: opacity;\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransform: scale(0.9);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.galleryFooter {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tpadding: 16px 16px 16px 25px;\r\n\t\t\ttransform: translateX(8px);\r\n\t\t\ttransition: transform .5s;\r\n\t\t\twill-change: transform;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tborder-top-left-radius: 8px;\r\n\t\t\t\ttransform: skew(-15deg);\r\n\t\t\t\ttransform-origin: 100% 100%;\r\n\t\t\t}\r\n\r\n\t\t\tnav.controls {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\r\n\t\t\t\t.control {\r\n\t\t\t\t\tline-height: initial;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tmargin-right: 4px;\r\n\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.controlDot {\r\n\t\t\t\t\theight: 12px;\r\n\t\t\t\t\twidth: 12px;\r\n\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransform: scale(0.9);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\t\theight: 50%;\r\n\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\t\t\ttransition: opacity 1s;\r\n\t\t\t\t\t\twill-change: opacity;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.controlDotActive::after {\r\n\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.controlArrow {\r\n\t\t\t\t\twidth: 24px;\r\n\t\t\t\t\theight: 24px;\r\n\t\t\t\t\tpadding: 2px;\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransform: scale(0.95);\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.popupGallery {\r\n\t\t\twidth: 100vw;\r\n\t\t\theight: 100vh;\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground-color: #000000cc;\r\n\t\t\tpadding: 30px;\r\n\t\t\tz-index: 2000;\r\n\t\t\topacity: 1;\r\n\t\t\tvisibility: hidden;\r\n\t\t\toverflow: auto;\r\n\t\t\ttransition: all .3s ease;\r\n\r\n\t\t\t@media (max-width: 768px) {\r\n\t\t\t\tpadding: 15px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 576px) {\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t.popupContent {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tdisplay: table;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransform: translate(-50%, -50%) scale(.2, .5);\r\n\t\t\t\ttransition: all 1s ease .1s;\r\n\r\n\t\t\t\t.galleryItem {\r\n\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\theight: 100% !important;\r\n\t\t\t\t\tmargin: 0;\r\n\r\n\t\t\t\t\t&:hover,\r\n\t\t\t\t\t&.bigbNowEditing {\r\n\t\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.galleryImages {\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\tobject-fit: contain;\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&.active {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tvisibility: visible;\r\n\r\n\t\t\t\t.popupContent {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\ttransform: translate(-50%, -50%) scale(1);\r\n\t\t\t\t\ttransition: all 1s ease .1s;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}