pro-gallery 4.0.15-beta.271 → 4.0.15-beta.272
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/statics/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/styles/_hoverEffects.scss","../../src/components/styles/consts.scss","../../src/components/styles/animations.scss","../../src/components/styles/gallery.scss"],"names":[],"mappings":"AAUM;EACE;;AAIA;EACE;;AAEF;EACE;;AAEF;EACE;;AAOJ;EACE;;AAME;EACE;;AAON;EACE;;AAKA;EACE;;AAKN;EACE;;AAEA;AAAA;EAEE;;AAGF;EAEE;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AA0BN;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EAGE;;AAEA;EACE;EACA,YCGU;;ADAZ;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAgCN;EACE;;AAEA;EACE;EACA,YCrMU;;ADwMZ;EACE;;AAGF;AAAA;EAEE;;AAKJ;EAGE;;AAEA;EACE;;AAGF;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;;AE9hBV;EACI;;;ACGJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE,OFmIY;EElIZ;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,aF0E2B;EEzE3B;EACA,OF6GW;EE5GX;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,OFgFS;;;AE7EX;EACE,OF2EI;EE1EJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEF;EACE;;;AAMF;AAAA;EAEE;;AAGF;AAAA;AAAA;EAGE;;AAIA;EACE;EACA;;AAKF;EACE;IACE;IACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAUA;EACE;;;AAWF;EACE;;;AAWF;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFhI2B;EEiI3B;;AAGE;EACE,YFzGO;;AE4GT;EACE,YFpFM;;AEuFR;EACE,YFzFI;;AE8FV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFlK2B;EEmK3B;EACA;EACA;;AAGE;EACE;;AAEA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAKA;AAAA;EAEE;;AAKF;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YF7RF;EE8RE,OFxTJ;EEyTI;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EAKE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAON;EACE;EACA;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAMN;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMR;EACE;IACE;;;AAIJ;EACE;;AAOE;AAAA;EACE;;AAKF;EACE;;AAQA;AAAA;EACE;;AAMN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAIJ;EACE;;AAEF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA,YF9jBM;EE+jBN;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAiBF;EAZA;EACA;EACA;EACA;EACA;EACA;EACA;;AAUE;EAhBF;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBF;EACI","file":"main.css","sourcesContent":["@import 'consts.scss';\n\ndiv.pro-gallery {\n //common\n .gallery-item-container {\n //===================================================================\n //image hover animations\n\n &.zoom-in-on-hover:not(.hide-hover) {\n\n .gallery-item-hover:not(.hide-hover), .gallery-item-content, .hover-info-element {\n transition: transform 2.2s cubic-bezier(.14, .4, .09, .99) !important;\n }\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n transform: scale(1.1);\n }\n .gallery-item-hover:not(.hide-hover) {\n transform: scale(1.110); //make sure overlay cover all edges of an image.\n }\n .gallery-item-hover:not(.hide-hover) .hover-info-element {\n transform: scale(calc(1/1.110));\n }\n\n }\n }\n\n &.blur-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .4s linear !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n .gallery-item {\n filter: blur(6px);\n }\n }\n }\n }\n\n &.grayscale-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n filter: grayscale(1);\n }\n }\n }\n\n &.shrink-on-hover:not(.hide-hover) {\n transition: background-color .4s ease !important;\n\n .gallery-item-content,\n .gallery-item-hover:not(.hide-hover) {\n transition: transform .4s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n background-color: transparent !important;\n\n .gallery-item-content {\n transform: scale(0.985);\n }\n\n .gallery-item-hover:not(.hide-hover) {\n transform: scale(0.985);\n }\n }\n }\n\n &.invert-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n filter: invert(1);\n }\n }\n }\n\n &.color-in-on-hover {\n .gallery-item-content {\n filter: grayscale(1);\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover:not(.hide-hover),\n &:hover:not(.hide-hover) {\n .gallery-item-content {\n filter: grayscale(0);\n }\n }\n }\n\n &.darkened-on-hover {\n .gallery-item-content {\n filter: brightness(1);\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover:not(.hide-hover),\n &:hover:not(.hide-hover) {\n .gallery-item-content {\n filter: brightness(0.7);\n }\n }\n }\n\n //&.slide-up-on-hover:not(.hide-hover) {\n // &.simulate-hover,\n // &:hover {\n // transition: transform .8s ease !important;\n // transform: translateY(-5%);\n // }\n //}\n\n //&.expand-on-hover:not(.hide-hover) {\n // &.simulate-hover,\n // &:hover {\n // transition: transform .4s ease !important;\n // transform: scale(1.03);\n // z-index: 9999;\n // }\n //}\n }\n\n //regular hover\n .gallery-item-container:not(.invert-hover) {\n\n .gallery-item-hover {\n transition: none;\n\n &:before {\n opacity: 0;\n }\n\n .gallery-item-hover-inner {\n opacity: 0;\n }\n\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n transition: none;\n\n &:before {\n opacity: 1;\n background: $bg-dark-opacity;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 1 !important;\n }\n }\n\n //===================================================================\n //overlay animations\n\n &.hover-animation-fade-in {\n .gallery-item-hover {\n transition: filter .4s ease, opacity .4s ease !important;\n\n &:before {\n transition: filter .4s ease, opacity .4s ease !important;\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-expand {\n .gallery-item-hover {\n transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n\n &:before {\n transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n transform: scale(0.9);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .2s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: scale(1);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-up {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-right {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(-100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-left {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-down {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(-100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(1);\n }\n }\n }\n\n //&.hover-animation-radius {\n // .gallery-item-hover {\n // &:before {\n // transform: scale(0);\n // border-radius: 100%;\n // }\n // }\n //\n // .gallery-item-hover.force-hover,\n //\n // &:hover .gallery-item-hover:not(.hide-hover) {\n //\n // transition: opacity .2s ease .6s !important;\n //\n //\n // &:before {\n // transition: transform .8s ease, border-radius .8s ease !important;\n // transform: scale(1);\n // border-radius: 0;\n // }\n // }\n //}\n }\n\n //invert-hover\n .gallery-item-container.invert-hover {\n\n .gallery-item-hover {\n transition: none;\n\n &:before {\n opacity: 1;\n background: $bg-dark-opacity;\n }\n\n .gallery-item-hover-inner {\n opacity: 1;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 1 !important;\n }\n\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n transition: none;\n\n &:before {\n opacity: 0;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 0 !important;\n }\n }\n\n //===================================================================\n //overlay animations\n\n &.hover-animation-fade-in {\n .gallery-item-hover {\n transition: filter .4s ease, opacity .4s ease !important;\n\n &:before {\n transition: filter .4s ease, opacity .4s ease !important;\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-expand {\n .gallery-item-hover {\n transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n\n &:before {\n transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n transform: scale(1);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .2s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: scale(0.9);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-up {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(0);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(100%);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-right {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(0);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(-100%);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-left {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(100%);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-down {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(-100%);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(0);\n }\n }\n }\n }\n}\n","$enable-wix-style-css: false;\n@import 'modules/mixins-utils';\n@import 'modules/mixins-tpa';\n$wix-color-white: #ffffff;\n$wix-color-red03: #d6453d;\n$wix-color-red10: #ee5951;\n$wix-color-dark60: #dfe5eb;\n$dialog-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),\n0 13px 19px 2px rgba(0, 0, 0, 0.14),\n0 5px 24px 4px rgba(0, 0, 0, 0.12);\n$wix-dialog-shadow: 0 0 21px 2px rgba(22, 45, 61, 0.6);\n$background-gray: #e0e9f2;\n$background-gray-light: #f1f1f1;\n$background-gray-lighter: #f7f7f7;\n$background-gray-lightest: #fefefe;\n$text-darker: #20303c;\n$text-dark: #2b5672;\n$text-darkest: #162d3d;\n$text-normal: #7a92a5;\n$text-light: #b0bec5;\n$text-placeholder: #b6c1cd;\n$blackish-opacity: rgba(0, 0, 0, 0.2);\n$black-opacity: rgba(0, 0, 0, 0.4);\n$blacker-opacity: rgba(0, 0, 0, 0.7);\n$blackest-opacity: rgba(0, 0, 0, 0.9);\n$whitest-opacity: rgba(255, 255, 255, 0.95);\n$whiter-opacity: rgba(255, 255, 255, 0.8);\n$white-opacity: rgba(255, 255, 255, 0.2);\n$wix-menu-background: #edf2f7;\n$wix-menu-button: #2b81cb;\n$wix-menu-button-hover: #0d487f;\n$wix-menu-border: #d9e1e8;\n$wix-menu-button-danger: #c15150;\n$wix-menu-button-danger-hover: #942b28;\n$input-background: #fcfdff;\n$input-border: #c4e1f9;\n$border-separator: #d6e1e8;\n$symbol-color: #7fccf7;\n$background-menu: #d3edff;\n$wix-blue: #3899ec;\n$wix-blue-selected: #b9e0fb;\n$wix-color-blue01: #0048ae;\n$wix-color-blue35: #d9e3f3;\n$wix-color-dark75: #f0f3f5;\n$wix-blue-hover: #4eb7f5;\n$wix-header-bg: #e7eff5;\n$divider-color: #d9e1e8;\n$arrow-box-shadow: rgba(52, 94, 151, .43);\n$arrow-hover-box-shadow: rgba(56, 153, 236, .9);\n$gray-url-svg: #797979;\n$disabled-label: #939393;\n$disabled-input-placeholder: #7a7a7a;\n$white: #fff;\n$black: #000;\n$header-color: #3899ec;\n$light-blue: #eaf7ff;\n$light-blue-active: #daeffe;\n$light-blue-hover: #d3edff;\n$light-blue-hover-border: #c6e2f7;\n$orange-hover: #fc975c;\n$light-sky-blue: #7ecaf5;\n$menu-opacity: rgba(22, 45, 61, 0.7);\n$figcaption-box-shadow: rgba(22, 45, 61, .5);\n$main-text-size: 14px;\n$padding: 24px;\n$link-text-color: #3899ec;\n$share-item-border: #d5d5d5;\n@mixin font($weight) {\n @if $weight=='ulight' {\n font-family: $font-ulight;\n font-weight: 100;\n }\n @else if $weight=='light' {\n font-family: $font-light;\n font-weight: 200;\n }\n @else if $weight=='thin' {\n font-family: $font-thin;\n font-weight: 300;\n }\n @else if $weight=='thin-400-weight' {\n font-family: $font-thin;\n font-weight: 400;\n }\n @else if $weight=='normal' {\n font-family: $font-normal;\n font-weight: 400;\n }\n @else if $weight=='normal-300-weight' {\n font-family: $font-normal;\n font-weight: 300;\n }\n @else if $weight=='medium' {\n font-family: $font-medium;\n font-weight: 600;\n }\n @else if $weight=='bold' {\n font-family: $font-bold;\n font-weight: 600;\n }\n @else {\n font-family: $font-thin;\n font-weight: 300;\n }\n}\n\n$wix-font-family-helvetica-25: \"HelveticaNeueW01-UltLt\",\n\"HelveticaNeueW02-UltLt\",\n\"HelveticaNeueW10-25UltL\",\nsans-serif;\n$wix-font-family-helvetica-35: \"HelveticaNeueW01-Thin\",\n\"HelveticaNeueW02-Thin\",\n\"HelveticaNeueW10-35Thin\",\nsans-serif;\n$wix-font-family-helvetica-45: \"HelveticaNeueW01-45Ligh\",\n\"HelveticaNeueW02-45Ligh\",\n\"HelveticaNeueW10-45Ligh\",\nsans-serif;\n$wix-font-family-helvetica-55: \"HelveticaNeueW01-55Roma\",\n\"HelveticaNeueW02-55Roma\",\n\"HelveticaNeueW10-55Roma\",\nsans-serif;\n$wix-font-family-helvetica-65: \"HelveticaNeueW01-65Medi\",\n\"HelveticaNeueW02-65Medi\",\n\"HelveticaNeueW10-65Medi\",\nsans-serif;\n$wix-font-family-helvetica-75: \"HelveticaNeueW01-75Bold\",\n\"HelveticaNeueW02-75Bold\",\n\"HelveticaNeueW10-75Bold\",\nsans-serif;\n$font-ulight: $wix-font-family-helvetica-25;\n$font-thin: $wix-font-family-helvetica-35;\n$font-light: $wix-font-family-helvetica-45;\n$font-normal: $wix-font-family-helvetica-55;\n$font-medium: $wix-font-family-helvetica-65;\n$font-bold: $wix-font-family-helvetica-75;\n$white: #fff;\n$red: #e03939;\n$wix-blue: #3899ec;\n$dark-gray: #111;\n$medium-gray: #49494b;\n$light-gray: #dbdbe0;\n$lighter-gray: #cdcdd0;\n$light-border: #eeeeee;\n$dark-border: #333333;\n$separator-gray: #d7dfe6;\n$tooltip-text: #171616;\n$tooltip-border: rgba(203, 203, 203, 1);\n$panel-danger: #ec5a56;\n$panel-primary: #3f9ae9;\n$hover-icons: #ffffff;\n$social-icons: #5d5d61;\n$facebook-hover: #36609f;\n$twitter-hover: #2aa9e0;\n$pinterest-hover: #ca2027;\n$tumblr-hover: #37465d;\n$mail-hover: #448ccb;\n$divider: rgba(8, 8, 8, 0.2);\n$bg-bright: #ffffff;\n$icons-bright: #080808;\n$social-bright: #5d5d61;\n$bg-brightless: #e9e9e9;\n$bg-dark: #080808;\n$bg-dark-opacity: rgba(8, 8, 8, 0.75);\n$icons-dark: #ffffff;\n$social-dark: #dbdbe0;\n$light-red: #ff9999;\n$light-green: #c1f0c1;\n$animated-bright-bg: rgba(241, 241, 241, 0.2);\n$animated-dark-bg: rgba(241, 241, 241, 1);\n@mixin placeholder($color, $size:'') {\n &::-webkit-input-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n &:-moz-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n &:-ms-input-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n}\n",".animation-slide {\n transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;\n}\n","@import 'consts.scss';\n@import 'hoverEffects.scss';\n@import 'animations.scss';\n\n*[data-collapsed=\"true\"] .pro-gallery-parent-container .gallery-item,\n*[data-hidden=\"true\"] .pro-gallery-parent-container .gallery-item {\n background-image: none !important;\n}\n\nhtml.pro-gallery {\n width: 100%;\n height: auto;\n}\n\nbody.pro-gallery {\n // opacity: 0;\n transition: opacity 2s ease;\n}\n\n#gallery-loader {\n position: fixed;\n top: 50%;\n}\n\n.show-more-container {\n text-align: center;\n line-height: 138px;\n\n i.show-more {\n color: $social-bright;\n font-size: 40px;\n cursor: pointer;\n margin-top: -3px;\n }\n\n button.show-more {\n display: inline-block;\n padding: 11px 29px;\n border-radius: 0;\n border: 2px solid $social-icons;\n font-family: $font-light;\n font-size: 12px;\n color: $social-icons;\n background: transparent;\n cursor: pointer;\n\n &:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n }\n}\n\n.more-items-loader {\n display: block;\n width: 100%;\n text-align: center;\n line-height: 50px;\n font-size: 30px;\n color: $wix-blue;\n}\n\n.version-header {\n color: $red;\n text-align: left;\n font-family: \"Consolas\", monospace;\n font-size: 13px;\n position: absolute;\n top: 0;\n left: 0;\n width: 320px;\n height: 100px;\n line-height: 30px;\n background: rgba(255, 255, 255, 0.8);\n z-index: 100;\n}\n\n.auto-slideshow-button {\n margin-top: 19px; //24 $padding(consts.scss) - 5px padding top\n padding: 5px;\n height: 28px; //18px icon + 5px padding top + 5px padding bottom\n width: 20px; //10px icon + 5px padding top + 5px padding bottom\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n cursor: pointer;\n opacity: 0.9;\n}\n\n.auto-slideshow-counter {\n margin-top: 24px; //24 $padding(consts.scss)\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n opacity: 0.9;\n font-size: 15px;\n line-height: normal;\n}\n\n.nav-arrows-container {\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n cursor: pointer;\n opacity: 0.9;\n //font-size: 40px;\n align-items: center;\n background: transparent;\n border: none;\n outline: none;\n justify-content: center;\n\n &:hover {\n opacity: 1;\n }\n\n &.drop-shadow svg {\n filter: drop-shadow(0px 1px 0.15px #B2B2B2);\n }\n .slideshow-arrow {\n flex-shrink: 0;\n }\n}\n\ndiv.gallery-slideshow {\n\n div.pro-gallery,\n .gallery-column {\n box-sizing: content-box !important;\n }\n\n .gallery-group,\n .gallery-item-container,\n .gallery-item-wrapper {\n overflow: visible !important;\n }\n\n &.streched {\n .gallery-slideshow-info {\n padding-left: 50px !important;\n padding-right: 50px !important;\n }\n }\n\n div.pro-gallery {\n @media (max-width: 500px) {\n .gallery-slideshow-info {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n\n .gallery-item-container {\n\n .gallery-slideshow-info {\n position: absolute;\n padding-top: 0px;\n bottom: -220px;\n height: 220px;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n z-index: 15;\n }\n }\n }\n}\n\n.gallery-thumbnails {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px 60px;\n }\n }\n }\n }\n}\n\n.gallery-slider {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px 10px 50px;\n }\n }\n }\n }\n}\n\n.gallery-columns {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px;\n }\n }\n }\n }\n}\n\ndiv.pro-gallery {\n width: 100%;\n height: 100%;\n overflow: hidden;\n backface-visibility: hidden;\n position: relative;\n\n .gallery-column {\n float: left;\n overflow: hidden;\n position: relative;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n\n .gallery-left-padding {\n display: inline-block;\n height: 100%;\n }\n\n .gallery-top-padding {\n display: block;\n width: 100%;\n }\n }\n\n .gallery-group {\n float: left;\n overflow: hidden;\n position: relative;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n box-sizing: border-box;\n padding: 0;\n font-family: $font-light;\n font-size: 11px;\n\n &.debug {\n &.gallery-group-gone {\n background: $lighter-gray;\n }\n\n &.gallery-group-visible {\n background: $light-green;\n }\n\n &.gallery-group-hidden {\n background: $light-red;\n }\n }\n }\n\n .gallery-item-container {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n border: none;\n padding: 0;\n border-radius: 0;\n box-sizing: border-box;\n overflow: hidden;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n outline: none;\n text-decoration: none;\n color: inherit;\n will-change: top, left, width, height;\n box-sizing: border-box;\n font-family: $font-light;\n font-size: 11px;\n cursor: default;\n scroll-snap-align: center;\n\n &:hover {\n .gallery-item-common-info {\n cursor: pointer;\n\n button {\n text-decoration: underline;\n cursor: pointer;\n }\n }\n }\n\n &.visible {\n transform: translate3d(0, 0, 0);\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n .gallery-item-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &.transparent,\n &.cube-type-fit {\n background: transparent;\n }\n\n .gallery-item-preload {\n display: none;\n }\n\n &.cube-type-fit .gallery-item {\n background: transparent;\n object-fit: contain;\n }\n\n .gallery-item {\n object-fit: cover;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n overflow: hidden;\n border-radius: 0;\n\n &.text-item {\n\n box-sizing: border-box;\n /*! autoprefixer: ignore next */\n -webkit-font-smoothing: antialiased;\n white-space: initial;\n\n .te-pro-gallery-text-item {\n line-height: normal !important;\n letter-spacing: normal !important;\n }\n\n > div {\n background: initial !important;\n box-sizing: border-box;\n }\n\n p,\n span,\n div,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n i {\n margin: 0;\n padding: 0;\n }\n\n }\n\n .pro-circle-preloader {\n top: 50%;\n left: 50%;\n height: 30px;\n width: 15px;\n z-index: -1;\n opacity: 0.4;\n }\n\n img.gallery--placeholder-item {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n\n &.gallery-item-loaded {\n background-color: transparent;\n opacity: 1 !important;\n // filter: none !important;\n animation: none !important;\n\n &.image-item:after {\n display: none !important;\n }\n\n ~.pro-circle-preloader {\n display: none;\n }\n }\n\n &.error {\n opacity: 0 !important;\n }\n\n &.gallery-item-preloaded {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n\n &.grid-fit {\n background-size: contain;\n }\n }\n\n &.gallery-item-video {\n overflow: hidden;\n text-align: center; //for grid crop\n\n iframe {\n left: 0;\n top: 0;\n }\n\n &.playing {\n\n button,\n i {\n display: none;\n }\n }\n\n &.playedOnce {\n ~ .image-item {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease;\n }\n }\n\n button,\n i {\n display: inline-block;\n text-rendering: auto;\n /*! autoprefixer: ignore next */\n -webkit-font-smoothing: antialiased;\n position: absolute;\n z-index: 11;\n top: 50%;\n left: 50%;\n height: 60px;\n text-align: center;\n margin: -30px 0 0 -30px;\n background: $bg-dark;\n color: $white;\n border-radius: 50px;\n opacity: 0.7;\n\n &.play-triangle {\n opacity: 1;\n }\n\n &.play-triangle,\n &.play-background {\n //padding-left: 6px;\n //width: 54px;\n //line-height: 58px;\n font-size: 26px;\n }\n\n &:hover {\n opacity: 0.9;\n }\n\n &:before {\n font-size: 2.3em;\n opacity: 1;\n }\n }\n }\n\n }\n\n .gallery-item-info {\n position: absolute;\n bottom: -220px;\n height: 220px;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n //border-radius: $image-radius+px;\n z-index: 15;\n\n >div {\n height: 100%;\n width: 100%;\n }\n }\n\n .gallery-item-hover {\n white-space: initial;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-radius: 0;\n //border-radius: $image-radius+px;\n z-index: 15;\n overflow: hidden;\n .gallery-item-hover-inner {\n height: 100%;\n }\n\n &.no-hover-bg {\n &:before {\n opacity: 0 !important;\n }\n }\n\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n z-index: -1;\n }\n\n }\n\n }\n\n .gallery-item-common-info {\n box-sizing: border-box;\n cursor: pointer;\n }\n }\n\n &.one-row {\n //overflow-x: scroll;\n white-space: nowrap;\n float: left;\n\n .gallery-column {\n width: 100%;\n float: none;\n //overflow-x: scroll;\n white-space: nowrap;\n\n .gallery-group {\n display: inline-block;\n float: none;\n }\n }\n\n &.slider {\n .gallery-column {\n overflow-x: scroll;\n\n &.scroll-snap {\n scroll-snap-type: x mandatory;\n }\n\n }\n }\n\n .gallery-horizontal-scroll-inner {\n position: relative;\n }\n }\n\n &.thumbnails-gallery {\n overflow: hidden;\n float: left;\n\n .galleryColumn {\n position: relative;\n overflow: visible;\n }\n\n .thumbnailItem {\n position: absolute;\n background-color: white;\n background-size: cover;\n background-position: center;\n overflow-y: inherit;\n border-radius: 0px;\n cursor: pointer;\n \n &.highlight {\n &:before {\n content: '';\n z-index: 40;\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(255, 255, 255, .6);\n }\n }\n }\n }\n\n @media (max-width: 500px) {\n &.thumbnails-gallery {\n overflow: visible;\n }\n }\n\n *:focus {\n box-shadow: none; //remove wix's default blue shadow\n }\n\n &.accessible {\n\n i,\n button:not(.nav-arrows-container, .has-custom-focus) {\n &:focus {\n box-shadow: 0 0 0 1px $white, 0 0 1px 2px $wix-blue;\n }\n }\n\n .has-custom-focus {\n &:focus {\n box-shadow: inset 0 0 0 1px $white, inset 0 0 1px 4px $wix-blue;\n }\n }\n\n .gallery-item-hover {\n\n i,\n button {\n &:focus {\n box-shadow: none;\n }\n }\n }\n\n\n .thumbnailItem.highlight::before {\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n }\n\n .gallery-item-container:focus::after {\n content: ' ';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n pointer-events: none;\n border-radius: inherit;\n }\n\n .pro-gallery-thumbnails-highlighted::before {\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n }\n\n .pro-gallery-thumbnails-highlighted::after {\n content: ' ';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n pointer-events: none;\n border-radius: inherit;\n }\n }\n\n .hide-scrollbars {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar,\n ::-webkit-scrollbar {\n width: 0 !important;\n height: 0 !important;\n }\n }\n\n .rtl {\n direction: rtl;\n }\n .ltr {\n direction: ltr;\n }\n\n}\n\n.sr-only {\n &.out-of-view-component{\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: circle(0%);\n border: 0;\n }\n}\n\n.screen-logs {\n word-wrap: break-word;\n background: $white;\n width: 280px;\n font-size: 10px;\n}\n\n@keyframes changing_background {\n 0% {\n background-color: rgba(241, 241, 241, 0.2);\n }\n\n 50% {\n background-color: rgba(241, 241, 241, 0.8);\n }\n\n 100% {\n background-color: rgba(241, 241, 241, 0.2);\n }\n}\n\n@mixin scroll-snap-element {\n content:'';\n position: absolute;\n scroll-snap-align: center;\n top: var(--group-top);\n left: var(--group-left);\n width: var(--group-width);\n right: var(--group-right);\n}\n\n$group-view: '[data-hook=\"group-view\"]';\n\n.pro-gallery-parent-container{\n &.gallery-slideshow #{$group-view}::before { \n @include scroll-snap-element;\n }\n &:not(.gallery-slideshow) {\n & #{$group-view} a::before { \n @include scroll-snap-element;\n }\n }\n} \n\n.gallery-item-container {\n scroll-snap-align: none !important;\n}\n\n\n\n\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/styles/_hoverEffects.scss","../../src/components/styles/consts.scss","../../src/components/styles/animations.scss","../../src/components/styles/gallery.scss"],"names":[],"mappings":"AAUM;EACE;;AAIA;EACE;;AAEF;EACE;;AAEF;EACE;;AAOJ;EACE;;AAME;EACE;;AAON;EACE;;AAKA;EACE;;AAKN;EACE;;AAEA;AAAA;EAEE;;AAGF;EAEE;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AA0BN;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EAGE;;AAEA;EACE;EACA,YCGU;;ADAZ;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAgCN;EACE;;AAEA;EACE;EACA,YCrMU;;ADwMZ;EACE;;AAGF;AAAA;EAEE;;AAKJ;EAGE;;AAEA;EACE;;AAGF;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;;AE9hBV;EACI;;;ACGJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE,OFmIY;EElIZ;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,aF0E2B;EEzE3B;EACA,OF6GW;EE5GX;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,OFgFS;;;AE7EX;EACE,OF2EI;EE1EJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEF;EACE;;;AAMF;AAAA;EAEE;;AAGF;AAAA;AAAA;EAGE;;AAIA;EACE;EACA;;AAKF;EACE;IACE;IACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAUA;EACE;;;AAWF;EACE;;;AAWF;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFhI2B;EEiI3B;;AAGE;EACE,YFzGO;;AE4GT;EACE,YFpFM;;AEuFR;EACE,YFzFI;;AE8FV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFlK2B;EEmK3B;EACA;EACA;;AAGE;EACE;;AAEA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAKA;AAAA;EAEE;;AAKF;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YF7RF;EE8RE,OFxTJ;EEyTI;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EAKE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAON;EACE;EACA;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAMN;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMR;EACE;IACE;;;AAIJ;EACE;;AAOE;AAAA;EACE;;AAKF;EACE;;AAQA;AAAA;EACE;;AAMN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAIJ;EACE;;AAEF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA,YF9jBM;EE+jBN;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAiBF;EAZA;EACA;EACA;EACA;EACA;EACA;EACA;;AAUE;EAhBF;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBF;EACI","file":"main.css","sourcesContent":["@import 'consts.scss';\n\ndiv.pro-gallery {\n //common\n .gallery-item-container {\n //===================================================================\n //image hover animations\n\n &.zoom-in-on-hover:not(.hide-hover) {\n\n .gallery-item-hover:not(.hide-hover), .gallery-item-content, .hover-info-element {\n transition: transform 2.2s cubic-bezier(.14, .4, .09, .99) !important;\n }\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n transform: scale(1.1);\n }\n .gallery-item-hover:not(.hide-hover) {\n transform: scale(1.110); //make sure overlay cover all edges of an image.\n }\n .gallery-item-hover:not(.hide-hover) .hover-info-element {\n transform: scale(calc(1/1.110));\n }\n\n }\n }\n\n &.blur-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .4s linear !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n .gallery-item {\n filter: blur(6px);\n }\n }\n }\n }\n\n &.grayscale-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n filter: grayscale(1);\n }\n }\n }\n\n &.shrink-on-hover:not(.hide-hover) {\n transition: background-color .4s ease !important;\n\n .gallery-item-content,\n .gallery-item-hover:not(.hide-hover) {\n transition: transform .4s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n background-color: transparent !important;\n\n .gallery-item-content {\n transform: scale(0.985);\n }\n\n .gallery-item-hover:not(.hide-hover) {\n transform: scale(0.985);\n }\n }\n }\n\n &.invert-on-hover:not(.hide-hover) {\n .gallery-item-content {\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover,\n &:hover {\n .gallery-item-content {\n filter: invert(1);\n }\n }\n }\n\n &.color-in-on-hover {\n .gallery-item-content {\n filter: grayscale(1);\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover:not(.hide-hover),\n &:hover:not(.hide-hover) {\n .gallery-item-content {\n filter: grayscale(0);\n }\n }\n }\n\n &.darkened-on-hover {\n .gallery-item-content {\n filter: brightness(1);\n transition: filter .6s ease !important;\n }\n\n &.simulate-hover:not(.hide-hover),\n &:hover:not(.hide-hover) {\n .gallery-item-content {\n filter: brightness(0.7);\n }\n }\n }\n\n //&.slide-up-on-hover:not(.hide-hover) {\n // &.simulate-hover,\n // &:hover {\n // transition: transform .8s ease !important;\n // transform: translateY(-5%);\n // }\n //}\n\n //&.expand-on-hover:not(.hide-hover) {\n // &.simulate-hover,\n // &:hover {\n // transition: transform .4s ease !important;\n // transform: scale(1.03);\n // z-index: 9999;\n // }\n //}\n }\n\n //regular hover\n .gallery-item-container:not(.invert-hover) {\n\n .gallery-item-hover {\n transition: none;\n\n &:before {\n opacity: 0;\n }\n\n .gallery-item-hover-inner {\n opacity: 0;\n }\n\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n transition: none;\n\n &:before {\n opacity: 1;\n background: $bg-dark-opacity;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 1 !important;\n }\n }\n\n //===================================================================\n //overlay animations\n\n &.hover-animation-fade-in {\n .gallery-item-hover {\n transition: filter .4s ease, opacity .4s ease !important;\n\n &:before {\n transition: filter .4s ease, opacity .4s ease !important;\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-expand {\n .gallery-item-hover {\n transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n\n &:before {\n transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n transform: scale(0.9);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .2s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: scale(1);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-up {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-right {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(-100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-left {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(1);\n }\n }\n }\n\n &.hover-animation-slide-down {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(-100%);\n filter: opacity(0);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(1);\n }\n }\n }\n\n //&.hover-animation-radius {\n // .gallery-item-hover {\n // &:before {\n // transform: scale(0);\n // border-radius: 100%;\n // }\n // }\n //\n // .gallery-item-hover.force-hover,\n //\n // &:hover .gallery-item-hover:not(.hide-hover) {\n //\n // transition: opacity .2s ease .6s !important;\n //\n //\n // &:before {\n // transition: transform .8s ease, border-radius .8s ease !important;\n // transform: scale(1);\n // border-radius: 0;\n // }\n // }\n //}\n }\n\n //invert-hover\n .gallery-item-container.invert-hover {\n\n .gallery-item-hover {\n transition: none;\n\n &:before {\n opacity: 1;\n background: $bg-dark-opacity;\n }\n\n .gallery-item-hover-inner {\n opacity: 1;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 1 !important;\n }\n\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n transition: none;\n\n &:before {\n opacity: 0;\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n opacity: 0 !important;\n }\n }\n\n //===================================================================\n //overlay animations\n\n &.hover-animation-fade-in {\n .gallery-item-hover {\n transition: filter .4s ease, opacity .4s ease !important;\n\n &:before {\n transition: filter .4s ease, opacity .4s ease !important;\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-expand {\n .gallery-item-hover {\n transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n\n &:before {\n transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n transform: scale(1);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .2s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: scale(0.9);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-up {\n\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(0);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(100%);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-right {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(0);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(-100%);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-left {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateX(100%);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateX(0);\n filter: opacity(0);\n }\n }\n }\n\n &.hover-animation-slide-down {\n .gallery-item-hover {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n &:before {\n transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n transform: translateY(-100%);\n filter: opacity(1);\n }\n\n .gallery-item-hover-inner,\n .info-member:not(.hidden) {\n transition: opacity .4s ease;\n }\n }\n\n .gallery-item-hover.force-hover,\n &:hover .gallery-item-hover:not(.hide-hover) {\n\n &:before {\n transform: translateY(0);\n filter: opacity(0);\n }\n }\n }\n }\n}\n","$enable-wix-style-css: false;\n@import 'modules/mixins-utils';\n@import 'modules/mixins-tpa';\n$wix-color-white: #ffffff;\n$wix-color-red03: #d6453d;\n$wix-color-red10: #ee5951;\n$wix-color-dark60: #dfe5eb;\n$dialog-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),\n0 13px 19px 2px rgba(0, 0, 0, 0.14),\n0 5px 24px 4px rgba(0, 0, 0, 0.12);\n$wix-dialog-shadow: 0 0 21px 2px rgba(22, 45, 61, 0.6);\n$background-gray: #e0e9f2;\n$background-gray-light: #f1f1f1;\n$background-gray-lighter: #f7f7f7;\n$background-gray-lightest: #fefefe;\n$text-darker: #20303c;\n$text-dark: #2b5672;\n$text-darkest: #162d3d;\n$text-normal: #7a92a5;\n$text-light: #b0bec5;\n$text-placeholder: #b6c1cd;\n$blackish-opacity: rgba(0, 0, 0, 0.2);\n$black-opacity: rgba(0, 0, 0, 0.4);\n$blacker-opacity: rgba(0, 0, 0, 0.7);\n$blackest-opacity: rgba(0, 0, 0, 0.9);\n$whitest-opacity: rgba(255, 255, 255, 0.95);\n$whiter-opacity: rgba(255, 255, 255, 0.8);\n$white-opacity: rgba(255, 255, 255, 0.2);\n$wix-menu-background: #edf2f7;\n$wix-menu-button: #2b81cb;\n$wix-menu-button-hover: #0d487f;\n$wix-menu-border: #d9e1e8;\n$wix-menu-button-danger: #c15150;\n$wix-menu-button-danger-hover: #942b28;\n$input-background: #fcfdff;\n$input-border: #c4e1f9;\n$border-separator: #d6e1e8;\n$symbol-color: #7fccf7;\n$background-menu: #d3edff;\n$wix-blue: #3899ec;\n$wix-blue-selected: #b9e0fb;\n$wix-color-blue01: #0048ae;\n$wix-color-blue35: #d9e3f3;\n$wix-color-dark75: #f0f3f5;\n$wix-blue-hover: #4eb7f5;\n$wix-header-bg: #e7eff5;\n$divider-color: #d9e1e8;\n$arrow-box-shadow: rgba(52, 94, 151, .43);\n$arrow-hover-box-shadow: rgba(56, 153, 236, .9);\n$gray-url-svg: #797979;\n$disabled-label: #939393;\n$disabled-input-placeholder: #7a7a7a;\n$white: #fff;\n$black: #000;\n$header-color: #3899ec;\n$light-blue: #eaf7ff;\n$light-blue-active: #daeffe;\n$light-blue-hover: #d3edff;\n$light-blue-hover-border: #c6e2f7;\n$orange-hover: #fc975c;\n$light-sky-blue: #7ecaf5;\n$menu-opacity: rgba(22, 45, 61, 0.7);\n$figcaption-box-shadow: rgba(22, 45, 61, .5);\n$main-text-size: 14px;\n$padding: 24px;\n$link-text-color: #3899ec;\n$share-item-border: #d5d5d5;\n@mixin font($weight) {\n @if $weight=='ulight' {\n font-family: $font-ulight;\n font-weight: 100;\n }\n @else if $weight=='light' {\n font-family: $font-light;\n font-weight: 200;\n }\n @else if $weight=='thin' {\n font-family: $font-thin;\n font-weight: 300;\n }\n @else if $weight=='thin-400-weight' {\n font-family: $font-thin;\n font-weight: 400;\n }\n @else if $weight=='normal' {\n font-family: $font-normal;\n font-weight: 400;\n }\n @else if $weight=='normal-300-weight' {\n font-family: $font-normal;\n font-weight: 300;\n }\n @else if $weight=='medium' {\n font-family: $font-medium;\n font-weight: 600;\n }\n @else if $weight=='bold' {\n font-family: $font-bold;\n font-weight: 600;\n }\n @else {\n font-family: $font-thin;\n font-weight: 300;\n }\n}\n\n$wix-font-family-helvetica-25: \"HelveticaNeueW01-UltLt\",\n\"HelveticaNeueW02-UltLt\",\n\"HelveticaNeueW10-25UltL\",\nsans-serif;\n$wix-font-family-helvetica-35: \"HelveticaNeueW01-Thin\",\n\"HelveticaNeueW02-Thin\",\n\"HelveticaNeueW10-35Thin\",\nsans-serif;\n$wix-font-family-helvetica-45: \"HelveticaNeueW01-45Ligh\",\n\"HelveticaNeueW02-45Ligh\",\n\"HelveticaNeueW10-45Ligh\",\nsans-serif;\n$wix-font-family-helvetica-55: \"HelveticaNeueW01-55Roma\",\n\"HelveticaNeueW02-55Roma\",\n\"HelveticaNeueW10-55Roma\",\nsans-serif;\n$wix-font-family-helvetica-65: \"HelveticaNeueW01-65Medi\",\n\"HelveticaNeueW02-65Medi\",\n\"HelveticaNeueW10-65Medi\",\nsans-serif;\n$wix-font-family-helvetica-75: \"HelveticaNeueW01-75Bold\",\n\"HelveticaNeueW02-75Bold\",\n\"HelveticaNeueW10-75Bold\",\nsans-serif;\n$font-ulight: $wix-font-family-helvetica-25;\n$font-thin: $wix-font-family-helvetica-35;\n$font-light: $wix-font-family-helvetica-45;\n$font-normal: $wix-font-family-helvetica-55;\n$font-medium: $wix-font-family-helvetica-65;\n$font-bold: $wix-font-family-helvetica-75;\n$white: #fff;\n$red: #e03939;\n$wix-blue: #3899ec;\n$dark-gray: #111;\n$medium-gray: #49494b;\n$light-gray: #dbdbe0;\n$lighter-gray: #cdcdd0;\n$light-border: #eeeeee;\n$dark-border: #333333;\n$separator-gray: #d7dfe6;\n$tooltip-text: #171616;\n$tooltip-border: rgba(203, 203, 203, 1);\n$panel-danger: #ec5a56;\n$panel-primary: #3f9ae9;\n$hover-icons: #ffffff;\n$social-icons: #5d5d61;\n$facebook-hover: #36609f;\n$twitter-hover: #2aa9e0;\n$pinterest-hover: #ca2027;\n$tumblr-hover: #37465d;\n$mail-hover: #448ccb;\n$divider: rgba(8, 8, 8, 0.2);\n$bg-bright: #ffffff;\n$icons-bright: #080808;\n$social-bright: #5d5d61;\n$bg-brightless: #e9e9e9;\n$bg-dark: #080808;\n$bg-dark-opacity: rgba(8, 8, 8, 0.75);\n$icons-dark: #ffffff;\n$social-dark: #dbdbe0;\n$light-red: #ff9999;\n$light-green: #c1f0c1;\n$animated-bright-bg: rgba(241, 241, 241, 0.2);\n$animated-dark-bg: rgba(241, 241, 241, 1);\n@mixin placeholder($color, $size:'') {\n &::-webkit-input-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n &:-moz-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n &:-ms-input-placeholder {\n color: $color;\n @if $size !='' {\n font-size: $size;\n }\n }\n}\n",".animation-slide {\n transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;\n}\n","@import 'consts.scss';\n@import 'hoverEffects.scss';\n@import 'animations.scss';\n\n*[data-collapsed=\"true\"] .pro-gallery-parent-container .gallery-item,\n*[data-hidden=\"true\"] .pro-gallery-parent-container .gallery-item {\n background-image: none !important;\n}\n\nhtml.pro-gallery {\n width: 100%;\n height: auto;\n}\n\nbody.pro-gallery {\n // opacity: 0;\n transition: opacity 2s ease;\n}\n\n#gallery-loader {\n position: fixed;\n top: 50%;\n}\n\n.show-more-container {\n text-align: center;\n line-height: 138px;\n\n i.show-more {\n color: $social-bright;\n font-size: 40px;\n cursor: pointer;\n margin-top: -3px;\n }\n\n button.show-more {\n display: inline-block;\n padding: 11px 29px;\n border-radius: 0;\n border: 2px solid $social-icons;\n font-family: $font-light;\n font-size: 12px;\n color: $social-icons;\n background: transparent;\n cursor: pointer;\n\n &:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n }\n}\n\n.more-items-loader {\n display: block;\n width: 100%;\n text-align: center;\n line-height: 50px;\n font-size: 30px;\n color: $wix-blue;\n}\n\n.version-header {\n color: $red;\n text-align: left;\n font-family: \"Consolas\", monospace;\n font-size: 13px;\n position: absolute;\n top: 0;\n left: 0;\n width: 320px;\n height: 100px;\n line-height: 30px;\n background: rgba(255, 255, 255, 0.8);\n z-index: 100;\n}\n\n.auto-slideshow-button {\n margin-top: 19px; //24 $padding(consts.scss) - 5px padding top\n padding: 5px;\n height: 28px; //18px icon + 5px padding top + 5px padding bottom\n width: 20px; //10px icon + 5px padding top + 5px padding bottom\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n cursor: pointer;\n opacity: 0.9;\n}\n\n.auto-slideshow-counter {\n margin-top: 24px; //24 $padding(consts.scss)\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n opacity: 0.9;\n font-size: 15px;\n line-height: normal;\n}\n\n.nav-arrows-container {\n left: auto;\n z-index: 1;\n position: absolute;\n display: flex;\n text-align: center;\n cursor: pointer;\n opacity: 0.9;\n //font-size: 40px;\n align-items: center;\n background: transparent;\n border: none;\n outline: none;\n justify-content: center;\n\n &:hover {\n opacity: 1;\n }\n\n &.drop-shadow svg {\n filter: drop-shadow(0px 1px 0.15px #B2B2B2);\n }\n .slideshow-arrow {\n flex-shrink: 0;\n }\n}\n\ndiv.gallery-slideshow {\n\n div.pro-gallery,\n .gallery-column {\n box-sizing: content-box !important;\n }\n\n .gallery-group,\n .gallery-item-container,\n .gallery-item-wrapper {\n overflow: visible !important;\n }\n\n &.streched {\n .gallery-slideshow-info {\n padding-left: 50px !important;\n padding-right: 50px !important;\n }\n }\n\n div.pro-gallery {\n @media (max-width: 500px) {\n .gallery-slideshow-info {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n\n .gallery-item-container {\n\n .gallery-slideshow-info {\n position: absolute;\n padding-top: 0px;\n bottom: -220px;\n height: 220px;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n z-index: 15;\n }\n }\n }\n}\n\n.gallery-thumbnails {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px 60px;\n }\n }\n }\n }\n}\n\n.gallery-slider {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px 10px 50px;\n }\n }\n }\n }\n}\n\n.gallery-columns {\n div.pro-gallery {\n .gallery-item-container {\n .gallery-item-wrapper {\n .gallery-item-hover {\n padding: 30px;\n }\n }\n }\n }\n}\n\ndiv.pro-gallery {\n width: 100%;\n height: 100%;\n overflow: hidden;\n backface-visibility: hidden;\n position: relative;\n\n .gallery-column {\n float: left;\n overflow: hidden;\n position: relative;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n\n .gallery-left-padding {\n display: inline-block;\n height: 100%;\n }\n\n .gallery-top-padding {\n display: block;\n width: 100%;\n }\n }\n\n .gallery-group {\n float: left;\n overflow: hidden;\n position: relative;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n box-sizing: border-box;\n padding: 0;\n font-family: $font-light;\n font-size: 11px;\n\n &.debug {\n &.gallery-group-gone {\n background: $lighter-gray;\n }\n\n &.gallery-group-visible {\n background: $light-green;\n }\n\n &.gallery-group-hidden {\n background: $light-red;\n }\n }\n }\n\n .gallery-item-container {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n border: none;\n padding: 0;\n border-radius: 0;\n box-sizing: border-box;\n overflow: hidden;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n outline: none;\n text-decoration: none;\n color: inherit;\n will-change: top, left, width, height;\n box-sizing: border-box;\n font-family: $font-light;\n font-size: 11px;\n cursor: default;\n scroll-snap-align: center;\n\n &:hover {\n .gallery-item-common-info {\n cursor: pointer;\n\n button {\n text-decoration: underline;\n cursor: pointer;\n }\n }\n }\n\n &.visible {\n transform: translate3d(0, 0, 0);\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n .gallery-item-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &.transparent,\n &.cube-type-fit {\n background: transparent;\n }\n\n .gallery-item-preload {\n display: none;\n }\n\n &.cube-type-fit .gallery-item {\n background: transparent;\n object-fit: contain;\n }\n\n .gallery-item {\n object-fit: cover;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n overflow: hidden;\n border-radius: 0;\n\n &.text-item {\n\n box-sizing: border-box;\n /*! autoprefixer: ignore next */\n -webkit-font-smoothing: antialiased;\n white-space: initial;\n\n .te-pro-gallery-text-item {\n line-height: normal !important;\n letter-spacing: normal !important;\n }\n\n > div {\n background: initial !important;\n box-sizing: border-box;\n }\n\n p,\n span,\n div,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n i {\n margin: 0;\n padding: 0;\n }\n\n }\n\n .pro-circle-preloader {\n top: 50%;\n left: 50%;\n height: 30px;\n width: 15px;\n z-index: -1;\n opacity: 0.4;\n }\n\n img.gallery--placeholder-item {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n\n &.gallery-item-loaded {\n background-color: transparent;\n opacity: 1 !important;\n // filter: none !important;\n animation: none !important;\n\n &.image-item:after {\n display: none !important;\n }\n\n ~.pro-circle-preloader {\n display: none;\n }\n }\n\n &.error {\n opacity: 0 !important;\n }\n\n &.gallery-item-preloaded {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n\n &.grid-fit {\n background-size: contain;\n }\n }\n\n &.gallery-item-video {\n overflow: hidden;\n text-align: center; //for grid crop\n\n iframe {\n left: 0;\n top: 0;\n }\n\n &.playing {\n\n button,\n i {\n display: none;\n }\n }\n\n &.playedOnce {\n ~ .image-item {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease;\n }\n }\n\n button,\n i {\n display: inline-block;\n text-rendering: auto;\n /*! autoprefixer: ignore next */\n -webkit-font-smoothing: antialiased;\n position: absolute;\n z-index: 11;\n top: 50%;\n left: 50%;\n height: 60px;\n text-align: center;\n margin: -30px 0 0 -30px;\n background: $bg-dark;\n color: $white;\n border-radius: 50px;\n opacity: 0.7;\n\n &.play-triangle {\n opacity: 1;\n }\n\n &.play-triangle,\n &.play-background {\n //padding-left: 6px;\n //width: 54px;\n //line-height: 58px;\n font-size: 26px;\n }\n\n &:hover {\n opacity: 0.9;\n }\n\n &:before {\n font-size: 2.3em;\n opacity: 1;\n }\n }\n }\n\n }\n\n .gallery-item-info {\n position: absolute;\n bottom: -220px;\n height: 220px;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n //border-radius: $image-radius+px;\n z-index: 15;\n\n >div {\n height: 100%;\n width: 100%;\n }\n }\n\n .gallery-item-hover {\n white-space: initial;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-radius: 0;\n //border-radius: $image-radius+px;\n z-index: 15;\n overflow: hidden;\n .gallery-item-hover-inner {\n height: 100%;\n }\n\n &.no-hover-bg {\n &:before {\n opacity: 0 !important;\n }\n }\n\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n z-index: -1;\n }\n\n }\n\n }\n\n .gallery-item-common-info {\n box-sizing: border-box;\n cursor: pointer;\n }\n }\n\n &.one-row {\n //overflow-x: scroll;\n white-space: nowrap;\n float: left;\n\n .gallery-column {\n width: 100%;\n float: none;\n //overflow-x: scroll;\n white-space: nowrap;\n\n .gallery-group {\n display: inline-block;\n float: none;\n }\n }\n\n &.slider {\n .gallery-column {\n overflow-x: scroll;\n\n &.scroll-snap {\n scroll-snap-type: x mandatory;\n }\n\n }\n }\n\n .gallery-horizontal-scroll-inner {\n position: relative;\n }\n }\n\n &.thumbnails-gallery {\n overflow: hidden;\n float: left;\n\n .galleryColumn {\n position: relative;\n overflow: visible;\n }\n\n .thumbnailItem {\n position: absolute;\n background-color: white;\n background-size: cover;\n background-position: center;\n overflow-y: inherit;\n border-radius: 0px;\n cursor: pointer;\n \n &.highlight {\n &:before {\n content: '';\n z-index: 0;\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(255, 255, 255, .6);\n }\n }\n }\n }\n\n @media (max-width: 500px) {\n &.thumbnails-gallery {\n overflow: visible;\n }\n }\n\n *:focus {\n box-shadow: none; //remove wix's default blue shadow\n }\n\n &.accessible {\n\n i,\n button:not(.nav-arrows-container, .has-custom-focus) {\n &:focus {\n box-shadow: 0 0 0 1px $white, 0 0 1px 2px $wix-blue;\n }\n }\n\n .has-custom-focus {\n &:focus {\n box-shadow: inset 0 0 0 1px $white, inset 0 0 1px 4px $wix-blue;\n }\n }\n\n .gallery-item-hover {\n\n i,\n button {\n &:focus {\n box-shadow: none;\n }\n }\n }\n\n\n .thumbnailItem.highlight::before {\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n }\n\n .gallery-item-container:focus::after {\n content: ' ';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n pointer-events: none;\n border-radius: inherit;\n }\n\n .pro-gallery-thumbnails-highlighted::before {\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n }\n\n .pro-gallery-thumbnails-highlighted::after {\n content: ' ';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n pointer-events: none;\n border-radius: inherit;\n }\n }\n\n .hide-scrollbars {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar,\n ::-webkit-scrollbar {\n width: 0 !important;\n height: 0 !important;\n }\n }\n\n .rtl {\n direction: rtl;\n }\n .ltr {\n direction: ltr;\n }\n\n}\n\n.sr-only {\n &.out-of-view-component{\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: circle(0%);\n border: 0;\n }\n}\n\n.screen-logs {\n word-wrap: break-word;\n background: $white;\n width: 280px;\n font-size: 10px;\n}\n\n@keyframes changing_background {\n 0% {\n background-color: rgba(241, 241, 241, 0.2);\n }\n\n 50% {\n background-color: rgba(241, 241, 241, 0.8);\n }\n\n 100% {\n background-color: rgba(241, 241, 241, 0.2);\n }\n}\n\n@mixin scroll-snap-element {\n content:'';\n position: absolute;\n scroll-snap-align: center;\n top: var(--group-top);\n left: var(--group-left);\n width: var(--group-width);\n right: var(--group-right);\n}\n\n$group-view: '[data-hook=\"group-view\"]';\n\n.pro-gallery-parent-container{\n &.gallery-slideshow #{$group-view}::before { \n @include scroll-snap-element;\n }\n &:not(.gallery-slideshow) {\n & #{$group-view} a::before { \n @include scroll-snap-element;\n }\n }\n} \n\n.gallery-item-container {\n scroll-snap-align: none !important;\n}\n\n\n\n\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "pro-gallery",
|
|
4
|
-
"version": "4.0.15-beta.
|
|
4
|
+
"version": "4.0.15-beta.272",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"./src/components/styles/gallery.scss"
|
|
7
7
|
],
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@vimeo/player": "2.8.2",
|
|
41
41
|
"hls.js": "^1.1.5",
|
|
42
|
-
"pro-gallery-blueprints": "4.0.15-beta.
|
|
43
|
-
"pro-gallery-lib": "4.0.15-beta.
|
|
44
|
-
"pro-layouts": "4.0.15-beta.
|
|
42
|
+
"pro-gallery-blueprints": "4.0.15-beta.272",
|
|
43
|
+
"pro-gallery-lib": "4.0.15-beta.272",
|
|
44
|
+
"pro-layouts": "4.0.15-beta.272",
|
|
45
45
|
"react-player": "^2.6.2"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"<rootDir>/tests/environment-setup.js"
|
|
99
99
|
]
|
|
100
100
|
},
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "862a59ead6874247859710ecd4bcbd4eb6cac4c4"
|
|
102
102
|
}
|