| 1 |
{"version":3,"file":"forum-tab/index.css","mappings":"AAAA,MACE,0BACA,8BACA,qDACA,uDACA,kBACA,kBACA,gBACA,mBACA,mBACA,gBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,gBAwDF,8CAEE,yBClFF,0BAOE,mBAJA,iCADA,mBADA,kFAKA,aAEA,8BACA,gBAJA,4BADA,2BAKA,CAEA,sCACE,aAGF,gCACE,8CACA,0BAII,iDACE,8BAMR,sCACE,mBAEA,yCAGE,eACA,gBAFA,iBADA,gBAIA,0BAEA,2CACE,uBACA,eAEA,iDACE,qBAKN,wCAEE,cADA,eAGA,gBADA,qBACA,CAIJ,qCACE,aACA,eACA,kBAEA,yCAEE,aADA,iBACA,CAEA,6CAEE,YADA,iBAEA,WAPJ,yCAUE,uBACA,eACA,gBACA,iBAEA,2CACE,uBAKN,qCACE,aAEA,iDAEE,kBAIA,WAHA,eACA,gBACA,iBAEA,qBANA,iBAMA,CAEA,4DACE,eAGF,wDACE,yBAGF,yDACE,yBAGF,wDACE,yBAGF,wDACE,yBAGF,0DACE,yBAGF,2DACE,sBAGF,2DACE,wCD9EM,CCiFR,yDACE,yBAGF,0DACE,yBAKN,sCACE,sCACA,kBAEA,0CAOE,mBAHA,cAEA,aALA,eACA,gBACA,iBAEA,eAEA,CAEA,sDACE,aAGF,8CACE,iBAON,0BACE,wCAGE,iDACE,8BAGF,2CACE,6BAQA,gDAJA,cAKA,eARA,eACA,gBACA,iBAGA,kBADA,cAIA,CAEA,kDACE,4CACA,cACA,gBAMR,8BAIE,6BAFA,qCADA,mBAEA,cAGA,eADA,gBAEA,kBAEA,oCACE,yBAEA,gBADA,UACA,CAKN,4BAME,iCAJA,mBADA,kFAEA,aACA,aACA,2BACA,CAEA,kCACE,8CAGF,gCAIE,YAHA,kBACA,UAEA,CAGA,4CACE,aACA,cAIJ,+BAIE,cAHA,eACA,gBACA,iBAEA,kBACA,aACA,0BAIE,uCACE,8BACA,qBAKN,iCAIE,cACA,qBAJA,eACA,gBACA,gBAEA,CAEA,8CACE,kBAGF,8CACE,iBAGF,yCACE,sBAKN,KACE,aACA,eAGA,gBADA,gBAEA,cAHA,cAGA,CAGF,0CACE,qBACA,gBACA,aACA,oCACA,cAGA,+EACE,iBAGF,yBAZF,0CAaI,qCAGF,wBAhBF,0CAiBI,qCAIJ,4BAEE,kBADA,UACA,CAEA,2CAYE,iCAJA,kBANA,kFAIA,cALA,qBAGA,eACA,gBAEA,YAEA,iBAIA,gBAHA,eACA,kBARA,2BAUA,CAEA,iDACE,8CACA,cAGF,6CACE,cACA,sBAGF,2DAEE,mBADA,YAEA,iBAGF,iDACE,qBASF,uCAKE,mBAEA,kBACA,WALA,eAFA,gBACA,iBAIA,qBAFA,iBAKA,qBAEA,6CACE,mBAMR,aACE,iBAEA,kBACE,aAGF,oBACE,cAMA,0CACE,aAKN,eAEE,yBACA,qBAFA,aAEA,CAGF,OAIE,6BACA,qBAFA,mBADA,aADA,iBAIA,CAIF,iBACE,qBAEA,6BACE,eAEA,qBACA,YAEA,iBAJA,kBAGA,UACA,CAEA,iCAIE,wBAFA,SAIA,OAHA,cAFA,kBAIA,OACA,CAGF,qCACE,eAKF,2BAEE,wBACA,mCAFA,6BAGA,iCAEA,iCAGE,oBADA,wBAEA,mCAHA,6BAIA,iCAOR,yBACE,GACE,UACA,iCAGF,IACE,UACA,qCAGF,IACE,UACA,sCAGF,IACE,UACA,kCC1cJ,kBAEE,yBACA,kBACA,gBAHA,SAGA,CAEA,wBAIE,gCAHA,aACA,SACA,iBACA,CAGF,uBAME,oDAFA,gEACA,0BAFA,kBADA,YADA,WAKA,CAGF,wBACE,aAEA,SADA,oCAEA,aAGF,wBACE,sBACA,kBACA,aAGF,uBAGE,kBADA,YAEA,mBAHA,UAMA,CAGF,+CAHE,oDAFA,gEACA,yBAQA,CAJF,wBACE,iBAGA,CAEA,+BAEE,YACA,kBAFA,SAEA,CAGF,8BAEE,YADA,SACA,CAKN,2BACE,GACE,2BAEF,GACE,6BAKJ,gBAMC,2BAFA,yBACA,kBAEA,kBALA,2BACA,kBAFA,iBAMA,CAEA,yCAEC,YACA,2BAFA,mBAEA,CAGD,gDACC,2BAKF,oBAWC,mDACA,kBAKA,yCAPA,WALA,qBAEA,cACA,gBAMA,mBALA,iBAHA,gBASA,oBAdA,kBAEA,UAUA,yBAXA,SAcA,gEAZA,SAaA,C","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_forumTab.scss","webpack:///./src/forum-tab/editor.scss"],"sourcesContent":[":root {\n --rob: \"Roboto\", sans-serif;\n --great: \"Great Vibes\", cursive;\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);\n --h_title: #1d2746;\n --p_color: #6b707f;\n --bs-white: #fff;\n --black_25: #f9f9f9;\n --black_50: #f2f2f2;\n --black_75: #eeeeee;\n --black_90: #e0e6f0;\n --black_100: #d6d9dc;\n --black_150: #c8ccd0;\n --black_200: #bbc0c4;\n --black_300: #9fa6ad;\n --black_350: #9199a1;\n --black_400: #848d95;\n --black_500: #6a737c;\n --black_600: #535a60;\n --black_700: #3c4146;\n --black_750: #2f3337;\n --black_800: #242729;\n --black_900: #0c0d0e;\n --bbpc_color: #078669;\n --baseColor2: #4a6ee0;\n --bs_white: #fff;\n}\n\n/*font Variables*/\n$rob: var(--rob);\n$great: var(--great);\n\n$h_title: var(--h_title);\n$p_color: var(--p_color);\n$black_100: var(--black_100);\n$black_150: var(--black_150);\n$black_200: var(--black_200);\n$black_300: var(--black_300);\n$black_350: var(--black_350);\n$black_400: var(--black_400);\n$black_500: var(--black_500);\n$black_600: var(--black_600);\n$black_700: var(--black_700);\n$black_750: var(--black_750);\n$black_800: var(--black_800);\n$black_900: var(--black_900);\n$brand_color: var(--bbpc_brand_color);\n$baseColor2: var(--baseColor2);\n\n// Mixins\n@mixin transition(\n $property: all,\n $duration: 300ms,\n $animate: linear,\n $delay: 0s\n) {\n transition: $property $duration $animate $delay;\n}\n\n/**=== Functions ===**/\n@function brand_color_rgba($alpha) {\n @return rgba(7, 134, 105, $alpha);\n}\n\n// Placeholder Mixins\n\n@mixin placeholder {\n &.placeholder {\n @content;\n }\n &:-moz-placeholder {\n @content;\n }\n &::-moz-placeholder {\n @content;\n }\n &::-webkit-input-placeholder {\n @content;\n }\n}\n\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n margin-right: 8.33333333%;\n}\n ","@use \"variables\" as *;\n\n.single-forum-post-widget {\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n border-radius: 10px;\n background-color: var(--bs-white);\n transition: all 0.3s ease-out;\n padding: 22px 35px 18px 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 10px;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:hover {\n box-shadow: 0 20px 45px 0 #334d7226;\n transform: translateX(2px);\n\n .post-title {\n h6 {\n a {\n color: var(--bbpc_brand_color);\n }\n }\n }\n }\n\n .post-title {\n margin-bottom: 15px;\n\n h6 {\n margin-bottom: 0;\n line-height: 22px;\n font-size: 16px;\n font-weight: 500;\n text-transform: capitalize;\n\n a {\n color: var(--black_800);\n font-size: 18px;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n i {\n font-size: 15px;\n color: #2ed83f;\n vertical-align: middle;\n margin-left: 6px;\n }\n }\n\n .post-info {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 5px;\n\n >div {\n margin-right: 15px;\n display: flex;\n\n img {\n margin-right: 5px;\n height: 15px;\n width: 15px;\n }\n\n color: var(--black_600);\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n\n a {\n color: var(--black_600);\n }\n }\n }\n\n .post-tags {\n display: flex;\n\n .single-tag {\n padding: 3px 9.5px;\n border-radius: 3px;\n font-size: 12px;\n font-weight: 400;\n line-height: 14px;\n color: #fff;\n margin: 12px 10px 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &.tag-jq {\n background-color: #f7ab40;\n }\n\n &.tag-php {\n background-color: #7543e0;\n }\n\n &.tag-wp {\n background-color: #6078ce;\n }\n\n &.tag-js {\n background-color: #ff7245;\n }\n\n &.tag-dvlp {\n background-color: #48a6ea;\n }\n\n &.tag-ecmrc {\n background-color: #333333;\n }\n\n &.tag-foram {\n background-color: $brand_color;\n }\n\n &.tag-hlp {\n background-color: #2c53df;\n }\n\n &.tag-sprt {\n background-color: #0cc72a;\n }\n }\n }\n\n .post-reach {\n border-left: 1px solid var(--black_50);\n padding-left: 15px;\n\n >div {\n font-size: 12px;\n font-weight: 400;\n line-height: 14px;\n color: #848d95;\n margin-top: 10px;\n display: flex;\n align-items: center;\n\n &:first-child {\n margin-top: 0;\n }\n\n img {\n margin-right: 5px;\n }\n }\n }\n}\n\n.community-area {\n .nav-tabs {\n border-bottom: 1px solid var(--black_50);\n\n .nav-item {\n &:hover button {\n color: var(--bbpc_brand_color);\n }\n\n button {\n background-color: transparent;\n font-size: 16px;\n font-weight: 400;\n line-height: 26px;\n color: #535a60;\n padding: 10px 0;\n margin-right: 30px;\n border: none;\n border-bottom: 2px solid transparent;\n cursor: pointer;\n\n &.active {\n border-bottom-color: var(--bbpc_brand_color);\n color: #171d24;\n font-weight: 500;\n }\n }\n }\n }\n\n .sec-btn-blue {\n border-radius: 26px;\n border: 1px solid rgba(#4a6ee0, 40%);\n color: #4a6ee0;\n background-color: transparent;\n font-weight: 700;\n font-size: 16px;\n padding: 10px 37px;\n\n &:hover {\n background-color: #4a6ee0;\n color: #fff;\n box-shadow: none;\n }\n }\n}\n\n.community-topic-widget-box {\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n border-radius: 10px;\n display: flex;\n padding: 40px;\n transition: all 0.3s ease-out;\n background-color: var(--bs-white);\n\n &:hover {\n box-shadow: 0 20px 45px 0 #334d7226;\n }\n\n img {\n margin-right: 24px;\n width:auto;\n // max-width: 48px !important;\n height: 48px;\n }\n .box-content{\n h5{\n margin-top:0px;\n padding-top: 0px;\n }\n }\n\n h5 {\n font-size: 18px;\n font-weight: 500;\n line-height: 21px;\n color: #171d24;\n margin-bottom: 5px;\n margin-top: 0;\n text-transform: capitalize;\n \n\n &:hover {\n a {\n color: var(--bbpc_brand_color);\n text-decoration: none;\n }\n }\n }\n\n span {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n color: #6a737c;\n display: inline-block;\n\n &:nth-child(2) {\n padding-right: 8px;\n }\n\n &:nth-child(4) {\n padding-left: 8px;\n }\n\n &.vr-line {\n color: var(--black_75);\n }\n }\n}\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n margin-left: 0;\n}\n\n.bbpc-community-topic-widget-main-wrapper {\n --bs-gutter-x: 1.5rem;\n --bs-gutter-y: 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 20px;\n //margin-top: 40px;\n\n .bbpc-community-topic-widget-wrapper {\n display: contents;\n }\n\n @media (max-width: 1024px) {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (max-width: 768px) {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n\n.bbpc-show-more-btn-wrapper {\n width: 100%;\n text-align: center;\n\n .show-more-btn {\n display: inline-block;\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n transition: all 0.3s ease-out;\n font-size: 18px;\n font-weight: 400;\n color: #4a6ee0;\n height: 50px;\n border-radius: 5px;\n line-height: 48px;\n padding: 0 40px;\n text-align: center;\n background-color: var(--bs-white);\n margin-top: 50px;\n\n &:hover {\n box-shadow: 0 10px 30px 0 #334d721f;\n color: #4a6ee0;\n }\n\n i {\n color: #4a6ee0;\n vertical-align: middle;\n }\n\n &.show-more-round {\n height: 48px;\n border-radius: 24px;\n line-height: 47px;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n\n/*------- Forum Tab widget tags --------*/\n.single-forum-post-widget {\n .post-tags {\n\n a {\n font-weight: 400;\n line-height: 14px;\n font-size: 12px;\n padding: 3px 10px;\n background: #6078ce;\n margin: 12px 10px 0 0;\n border-radius: 3px;\n color: #fff;\n text-decoration: none;\n\n &:hover {\n background: #4766d5;\n }\n }\n }\n}\n\n.tab-content {\n padding-top: 40px;\n\n .tab {\n display: none;\n }\n\n &.active {\n display: block;\n }\n}\n\n.community-area {\n .tab-content {\n &:not(.active) {\n display: none;\n }\n }\n}\n\n.alert-warning {\n color: #664d03;\n background-color: #fff3cd;\n border-color: #ffecb5;\n}\n\n.alert {\n position: relative;\n padding: 1rem 1rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n// show more button icon style\n.dbl-arrow-upper {\n display: inline-block;\n\n .arrow-cont {\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: 24px;\n width: 20px;\n margin-right: 3px;\n\n svg {\n position: absolute;\n bottom: 0;\n margin-left: 0;\n background-size: contain;\n top: 8px;\n left: 0;\n }\n\n .second {\n margin-top: 5px;\n }\n }\n\n &:hover {\n svg {\n animation-name: bounceAlphaUp;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n\n &.first {\n animation-name: bounceAlphaUp;\n animation-duration: 1.4s;\n animation-delay: 0.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n }\n }\n}\n\n\n@keyframes bounceAlphaUp {\n 0% {\n opacity: 1;\n transform: translateY(0) scale(1)\n }\n\n 25% {\n opacity: 0;\n transform: translateY(10px) scale(.9)\n }\n\n 26% {\n opacity: 0;\n transform: translateY(-10px) scale(.9)\n }\n\n 55% {\n opacity: 1;\n transform: translateY(0) scale(1)\n }\n}","// Editor styles for forum-tab block.\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/forumTab';\n\n// Skeleton loader for ServerSideRender loading state.\n.bbpc-ft-skeleton {\n padding: 0;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n\n &__tabs {\n display: flex;\n gap: 20px;\n padding: 12px 20px;\n border-bottom: 1px solid #e0e0e0;\n }\n\n &__tab {\n width: 100px;\n height: 20px;\n border-radius: 4px;\n background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n background-size: 200% 100%;\n animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n }\n\n &__grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n padding: 20px;\n }\n\n &__card {\n border: 1px solid #eee;\n border-radius: 8px;\n padding: 20px;\n }\n\n &__img {\n width: 48px;\n height: 48px;\n border-radius: 6px;\n margin-bottom: 12px;\n background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n background-size: 200% 100%;\n animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n }\n\n &__line {\n border-radius: 4px;\n background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n background-size: 200% 100%;\n animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n\n &--title {\n width: 75%;\n height: 16px;\n margin-bottom: 8px;\n }\n\n &--meta {\n width: 50%;\n height: 12px;\n }\n }\n}\n\n@keyframes bbpc-ft-shimmer {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}\n\n// Pro-gated toggle wrapper with badge overlay.\n.bbpc-pro-gated {\n\tposition: relative;\n\toverflow: visible !important;\n\tpadding: 10px 12px;\n\tborder: 1px solid #e2e2e2;\n\tborder-radius: 6px;\n\tbackground: rgba(0, 0, 0, 0.02);\n\tmargin-bottom: 8px;\n\n\t.components-base-control {\n\t\tpointer-events: none;\n\t\topacity: 0.55;\n\t\toverflow: visible !important;\n\t}\n\n\t.components-base-control__field {\n\t\toverflow: visible !important;\n\t}\n}\n\n// Small inline PRO badge.\n.bbpc-pro-watermark {\n\tposition: absolute;\n\ttop: -8px;\n\tright: 8px;\n\tz-index: 2;\n\tdisplay: inline-block;\n\tpadding: 2px 8px;\n\tfont-size: 9px;\n\tfont-weight: 700;\n\tline-height: 16px;\n\tcolor: #fff;\n\tbackground: linear-gradient(135deg, #6366f1, #8b5cf6);\n\tborder-radius: 4px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n\tpointer-events: none;\n\tuser-select: none;\n\tbox-shadow: 0 1px 3px rgba(99, 102, 241, 0.4);\n}"],"names":[],"ignoreList":[],"sourceRoot":""} |
