| 1 |
{"version":3,"file":"forum-ajax/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,yBC9EE,qCAIE,WAHA,eACA,gBACA,gBACA,CAGF,8CAGE,gBAFA,mBACA,eACA,CAEA,oDACE,8CAKN,uCAGE,iCADA,mBADA,kFAIA,aACA,eACA,mBAHA,mBAGA,CAEA,2DAGE,mBADA,aADA,iBAEA,CAEE,yEACE,8BAGJ,6DAEE,eADA,gBACA,CAGF,8CAdF,2DAeI,mBAGF,sEACE,eAUI,uQACE,aAGF,sGACE,cANJ,2FASE,6BDvBE,CC4BR,iEAEE,mBACA,eAFA,YAEA,CAEA,qEAEE,kBADA,kBACA,CAGF,2EACE,cAGF,4EACE,aAfJ,iEAqBE,cAHA,eACA,gBACA,gBACA,CAMR,0BAOE,mBAJA,iCADA,mBADA,kFAKA,aAEA,8BACA,gBAJA,4BADA,2BAKA,CAEA,sCACE,aAGF,gCACE,8CACA,0BAII,iDACE,6BD7EI,CCmFZ,sCACE,mBAEA,yCAIE,eACA,gBAFA,iBADA,gBADA,YAIA,CAEA,2CACE,uBACA,eAIJ,wCAEE,cADA,eAGA,gBADA,qBACA,CAIJ,qCACE,aACA,eAEA,yCACE,kBAEA,6CAEE,YADA,iBAGA,aADA,UACA,CAPJ,yCAUE,uBACA,eACA,gBACA,iBAIA,sDACE,cAKN,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,wCD/KM,CCkLR,yDACE,yBAGF,0DACE,yBAKN,sCACE,sCACA,kBAEA,0CAOE,mBAHA,cAEA,aALA,eACA,gBACA,iBAEA,eAEA,CAEA,sDACE,aAGF,8CACE,iBAQJ,6CAGE,kBADA,YADA,UAEA,CAMJ,sBACE,uBACA,4BACE,+BAQA,yDAEE,uBADA,eAEA,QACA,+DACE,8BACA,qBAWN,iDACI,yCCrSJ,yBACI,WAGJ,uCACI,4DACA,sBAKA,4BAEA,+CANA,qBAEA,yBACA,gBAFA,4BAIA,+BAEA,4DAEA,6CAII,4DAFA,+CACA,qBAFA,0BAGA,CAGJ,8CAEI,+CADA,uBACA,CAQJ,2CAEI,mBADA,aAEA,QACA,kBAEA,+CACI,WAOhB,0BACI,aAEA,kCAGI,mBADA,YAGA,mBAJA,UAKA,CAGJ,kEAHI,4DAFA,kBAaA,CARJ,gCAGI,mBACA,mBAHA,aACA,8BAKA,mBADA,iBAEA,CAGJ,gCACI,OAGJ,iCAGI,mBACA,kBAFA,YAGA,mBAJA,SAIA,CAGJ,gCAGI,mBACA,kBAFA,YADA,SAGA,CAGJ,iCAII,8BAHA,aACA,sBACA,QAEA,kBAGJ,gCAGI,mBACA,kBAFA,YADA,UAGA,CAIR,mCACI,MACI,UAEJ,IACI,YAKR,kBAEI,gBADA,iBACA,C","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_ajaxForum.scss","webpack:///./src/forum-ajax/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/*=========== Forum Post Widget css ==========*/\n\n.forum-post-widget {\n .widget-header {\n h2 {\n font-size: 40px;\n font-weight: 700;\n line-height: 50px;\n color: #000;\n }\n\n .action_btn {\n padding-bottom: 8px;\n padding-top: 8px;\n box-shadow: none;\n\n &:hover {\n box-shadow: 0 20px 30px 0 rgba(17, 166, 131, 0.24);\n }\n }\n }\n\n .post-filter-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 padding: 16.5px 30px;\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 20px;\n\n .single-filter-item {\n margin-right: 30px;\n display: flex;\n align-items: center;\n a {\n &.data-active {\n color: var(--bbpc_brand_color);\n }\n }\n i {\n margin-right: 5px;\n font-size: 12px;\n }\n\n @media (max-width: 1200px) and (min-width: 992px) {\n margin-right: 20px;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n input[type=\"radio\"] {\n display: none;\n\n &:checked {\n display: none;\n\n ~ label {\n .main-img {\n display: none;\n }\n\n .hover-img {\n display: block;\n }\n\n color: $brand_color;\n }\n }\n }\n\n label {\n display: flex;\n align-items: center;\n cursor: pointer;\n\n img {\n margin-right: 8.5px;\n margin-bottom: 1px;\n }\n\n .main-img {\n display: block;\n }\n\n .hover-img {\n display: none;\n }\n\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n color: #6a737c;\n }\n }\n }\n}\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: $brand_color;\n }\n }\n }\n }\n\n .post-title {\n margin-bottom: 10px;\n\n h6 {\n margin-top: 0;\n margin-bottom: 0;\n line-height: 22px;\n font-size: 16px;\n font-weight: 500;\n\n a {\n color: var(--black_800);\n font-size:18px;\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\n > div {\n margin-right: 15px;\n\n img {\n margin-right: 5px;\n height: 15px;\n width: 15px;\n margin-top: 0px;\n }\n\n color: var(--black_600);\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n }\n\n .post-category {\n a {\n color: #4a6ee0;\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: 10px;\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.single-forum-post-widget {\n .post-category {\n img {\n width: 20px;\n height: auto;\n border-radius: 50%;\n }\n }\n}\n\n.single-filter-item {\n a {\n color: var(--black_600);\n &:hover {\n text-decoration: none !important;\n }\n }\n}\n\n.single-forum-post-widget {\n .post-content {\n .post-category {\n a {\n font-size: 14px;\n color: var(--black_600);\n gap: 5px;\n &:hover {\n color: var(--bbpc_brand_color);\n text-decoration: none;\n }\n }\n }\n }\n}\n\n\n\n#aj-post-filter-widget{\n svg {\n circle.bbpc-preloader{\n stroke: var(--bbpc_brand_color) !important;\n }\n }\n}","// Editor styles\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/ajaxForum';\n\n// Upsell wrapper\n.bbpc-upsell-wrapper {\n img {\n opacity: 0.5;\n }\n\n .bbpc-upgrade-btn {\n background: linear-gradient(90deg, #172473 0%, #0fa2d0 100%) !important;\n border: none !important;\n color: #fff !important;\n padding: 24px 30px !important;\n font-size: 16px !important;\n font-weight: 500;\n border-radius: 4px !important;\n text-decoration: none !important;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;\n transition: transform 0.2s ease, box-shadow 0.2s ease !important;\n\n &:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;\n color: #fff !important;\n background: linear-gradient(80deg, #0fa2d0 0%, #172473 100%) !important;\n }\n\n &:active {\n transform: translateY(0);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;\n }\n }\n}\n\n// Post category icon\n.single-forum-post-widget {\n .post-category {\n a {\n display: flex;\n align-items: center;\n gap: 8px;\n text-align: center;\n\n img {\n width: 15px;\n }\n }\n }\n}\n\n// Skeleton Loader\n.bbpc-forum-ajax-skeleton {\n padding: 10px;\n\n &__filter {\n width: 100%;\n height: 50px;\n background: #e8e8e8;\n border-radius: 10px;\n margin-bottom: 15px;\n animation: bbpc-forum-ajax-shimmer 1.5s infinite ease-in-out;\n }\n\n &__card {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #f5f5f5;\n border-radius: 10px;\n padding: 20px 30px;\n margin-bottom: 10px;\n animation: bbpc-forum-ajax-shimmer 1.5s infinite ease-in-out;\n }\n\n &__left {\n flex: 1;\n }\n\n &__title {\n width: 60%;\n height: 18px;\n background: #e0e0e0;\n border-radius: 4px;\n margin-bottom: 10px;\n }\n\n &__meta {\n width: 40%;\n height: 14px;\n background: #e0e0e0;\n border-radius: 4px;\n }\n\n &__right {\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-left: 1px solid #e0e0e0;\n padding-left: 15px;\n }\n\n &__stat {\n width: 60px;\n height: 12px;\n background: #e0e0e0;\n border-radius: 3px;\n }\n}\n\n@keyframes bbpc-forum-ajax-shimmer {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n}\n\n// Color label spacing\n.bbpc-color-label {\n margin-bottom: 4px;\n font-weight: 500;\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""} |
