| 1 |
{"version":3,"file":"forums/index.css","mappings":"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","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_forums.scss","webpack:///./src/forums/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// ============================================================\n// Help Center Cards — Layout 3 / Gutenberg \"help-center\"\n// ============================================================\n.bbpc-hc-wrap {\n .bbpc-hc-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2px;\n background: var(--black_90);\n border: 1px solid var(--black_90);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 8px 32px 0 rgba(2, 47, 57, 0.08);\n\n @media (max-width: 991px) {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (max-width: 600px) {\n grid-template-columns: 1fr;\n }\n }\n\n .bbpc-hc-card {\n background: var(--bs-white);\n padding: 26px 24px;\n display: flex;\n gap: 18px;\n align-items: flex-start;\n text-decoration: none;\n color: inherit;\n border-radius: 14px;\n position: relative;\n transition: background 0.18s ease;\n\n &:hover {\n background: var(--black_25);\n text-decoration: none;\n\n .bbpc-hc-arrow {\n opacity: 1;\n transform: translateX(3px);\n }\n }\n }\n\n .bbpc-hc-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n border-radius: 12px;\n overflow: hidden;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n }\n\n .bbpc-hc-body {\n flex: 1;\n min-width: 0;\n\n .bbpc-hc-title {\n margin: 0 0 4px;\n font-size: 16px;\n font-weight: 700;\n line-height: 1.3;\n letter-spacing: -0.01em;\n color: var(--h_title);\n }\n\n .bbpc-hc-desc {\n margin: 0;\n font-size: 13.5px;\n line-height: 1.5;\n color: $p_color;\n }\n\n .bbpc-hc-count {\n display: inline-block;\n margin-top: 8px;\n font-size: 11.5px;\n font-weight: 600;\n color: $brand_color;\n letter-spacing: 0.02em;\n text-decoration: none;\n }\n }\n\n .bbpc-hc-arrow {\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 16px;\n line-height: 1;\n color: $black_300;\n opacity: 0;\n transition: opacity 0.2s ease, transform 0.2s ease;\n }\n}\n\n// ============================================================\n.communities-boxes {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -30px;\n gap: 30px;\n\n @media (max-width: 1025px) {\n margin: 0 -10px;\n }\n\n @media(max-width: 992px) {\n flex-wrap: wrap;\n justify-content: center;\n width: calc(100% + 30px);\n }\n\n @media(max-width: 420px) {\n width: calc(100% + 15px);\n\n }\n\n .com-box {\n text-align: center;\n margin-bottom: 57px;\n width: 20%;\n flex: 0 0 200px;\n\n @media(max-width: 1200px) {\n flex: 0 0 165px;\n }\n\n @media(max-width: 991px) {\n flex: 0 0 180px;\n }\n\n @media(max-width: 768px) {\n flex: 0 0 185px;\n }\n\n @media(max-width: 426px) {\n flex: 0 0 170px;\n margin-bottom: 30px;\n }\n\n .icon-container {\n border-radius: 6px;\n background: var(--bs-white);\n box-shadow: 0 40px 70px 0 rgba(2, 47, 57, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n width: 100px;\n margin: 0 auto 20px;\n }\n\n .icon-container img {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .com-box-content {\n .title {\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n color: var(--black_800);\n margin-bottom: 5px;\n transition: all 0.3s ease-in-out;\n letter-spacing: normal;\n margin-top: 10px;\n\n a {\n color: var(--black_800);\n\n &:hover {\n color: $brand_color;\n text-decoration: none;\n }\n }\n\n &:hover {\n color: $brand_color;\n }\n }\n\n .total-post {\n color: $p_color;\n font-size: 14px;\n margin-top: 0;\n }\n }\n\n\n }\n}\n\n.more-communities {\n padding: 22px 0;\n border-top: 1px solid #e8ecee;\n border-bottom: 1px solid #e8ecee;\n margin-top: 40px;\n\n .collapse-wrap,\n .forumax-collapse-wrap {\n margin-top: 80px;\n display: none;\n }\n\n .collapse-btn-wrap,\n .forumax-collapse-btn-wrap {\n text-align: center;\n display: table;\n color: var(--black_600);\n font-weight: 500;\n margin: auto;\n\n &:hover {\n text-decoration: none;\n color: var(--black_800);\n }\n\n svg {\n position: relative;\n vertical-align: middle;\n display: inline;\n }\n\n .icon_plus,\n .icon_minus {\n\n path,\n line {\n stroke: var(--bbpc_brand_color);\n }\n }\n\n .icon_minus {\n display: none;\n }\n\n &.active {\n .icon_plus {\n display: none;\n }\n\n .icon_minus {\n display: initial;\n }\n }\n }\n}\n\n\n\n/** === Widgets === **/\n.widget_display_stats dl dt {\n float: left;\n clear: left;\n margin: 0 0 10px;\n font-weight: 500;\n}\n\n.widget_display_stats dl dd {\n float: right;\n margin: 0;\n}\n\n.widget_display_replies li:before {\n font-family: eleganticons;\n content: \"w\";\n font-size: 15px !important;\n margin: 0 12px 0 0 !important;\n padding: 0px !important;\n line-height: 23px;\n}\n\n\n.widget_display_topics li {\n div {\n color: var(--black_400);\n }\n\n &::before {\n font-family: eleganticons;\n content: \"b\";\n margin: -3px 12px 0 0;\n font-size: 15px;\n color: var(--black_800);\n position: absolute;\n left: 0;\n top: 0;\n }\n}\n\n.widget_display_topics .bbp-forum-title,\n.widget_display_replies .bbp-forum-title {\n display: inline-block;\n line-height: 1.36;\n color: var(--black_900);\n}\n\n.widget_display_topics li {\n padding-left: 30px;\n}\n\n.widget_display_topics li,\n.widget_display_replies li {\n position: relative;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px solid #e5e7e9;\n font-size: 16px;\n\n time {\n color: var(--black_400);\n display: block;\n font-size: 14px;\n }\n\n div {\n font-size: 14px;\n }\n}\n\n.widget_display_topics li a,\n.widget_display_replies li a {\n color: var(--black_800);\n\n .bbp-author-avatar {\n img {\n border-radius: 50px !important;\n }\n }\n}\n\n.widget_display_replies li {\n .bbp-author-avatar {\n margin-right: 5px;\n }\n}\n\n.widget_display_topics li a:hover,\n.widget_display_replies li a:hover {\n color: var(--bbpc_brand_color);\n}\n\n.bbp-logged-in .avatar {\n float: left;\n margin: 0 15px 0 0;\n border-radius: 99%;\n}\n\n.bbp-logged-in h4 {\n font-weight: normal;\n font-size: 18px;\n clear: none;\n margin: 0 0 5px;\n}\n\n.bbp-logged-in h4 a {\n color: #333;\n font-weight: 500;\n}\n\n.bbp-logged-in a.button.logout-link:hover,\n.bbp-logged-in h4 a:hover {\n color: var(--bbpc_brand_color);\n}\n\n.bbp-logged-in a.button.logout-link:hover,\n.bbp-logged-in a.button.logout-link {\n color: #666;\n}\n\n.forum-post-content .content img {\n max-width: 100%;\n height: auto;\n}\n\nul.bbp-topics-widget.newness img {\n border-radius: 50%;\n margin: 5px;\n}\n\n.bbp-submit-wrapper {\n float: left;\n margin-top: 0;\n}\n\n.forum-post-content .forum-post-btm .taxonomy.forum-post-cat {\n display: flex;\n}\n\n.bbp-topic-reply-link {\n padding: 6px 20px;\n font-weight: 400;\n border-radius: 2px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;\n background: #fff;\n border: 1px solid #d0d8dc;\n color: var(--black_800);\n height: 26px;\n font-size: 12px;\n line-height: 26px;\n}\n\n.comment-content .bbp-topic-reply-link:hover {\n background: #fff;\n border: 1px solid var(--black_800);\n color: var(--black_800);\n}\n\n.page-numbers {\n cursor: pointer !important;\n}\n\n.pagination-wrapper .page-numbers.next {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-bottom: 2px;\n}\n\n.post-header .support-total-info li a {\n font-weight: 400;\n}\n\n.post-header .support-total-info li a {\n color: #6b707f;\n}\n\n.post-header .support-total-info li a.open-data.loading {\n color: var(--black_800);\n font-weight: 500;\n}\n\n#tagList {\n padding-left: 40px;\n}\n\n.userlist {\n padding-left: 15px;\n}\n\n.post-header .category-menu .all-users a {\n position: relative;\n}\n\n","// Editor styles\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/forums';\n\n// Skeleton Loader\n.bbpc-forums-skeleton {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: 20px;\n\tpadding: 20px;\n\n\t&__card {\n\t\tbackground: #f0f0f0;\n\t\tborder-radius: 8px;\n\t\tpadding: 16px;\n\t\tanimation: bbpc-forums-shimmer 1.5s infinite ease-in-out;\n\t}\n\n\t&__image {\n\t\twidth: 100%;\n\t\theight: 60px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 6px;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t&__title {\n\t\twidth: 70%;\n\t\theight: 16px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 4px;\n\t\tmargin-bottom: 8px;\n\t}\n\n\t&__meta {\n\t\twidth: 40%;\n\t\theight: 12px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 4px;\n\t}\n}\n\n@keyframes bbpc-forums-shimmer {\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n}\n\n// Color label spacing\n.bbpc-color-label {\n\tmargin-bottom: 4px;\n\tfont-weight: 500;\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// Dim the inner controls so they appear locked.\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// Layout picker — two-column visual toggle.\n.bbpc-layout-picker {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 8px;\n\tmargin-bottom: 4px;\n}\n\n.bbpc-layout-option {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 10px 8px;\n\tborder: 2px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground: #fafafa;\n\tcursor: pointer;\n\ttransition: border-color .15s, background .15s;\n\n\t&:hover { border-color: #a0a0a0; background: #f0f0f0; }\n\n\t&.is-active {\n\t\tborder-color: #6366f1;\n\t\tbackground: #f5f3ff;\n\t}\n}\n\n.bbpc-layout-thumb {\n\tdisplay: block;\n\twidth: 64px;\n\theight: 42px;\n\tborder-radius: 5px;\n\tbackground: #e5e7eb;\n\tposition: relative;\n\toverflow: hidden;\n\n\t// Default layout thumb — simple horizontal bars.\n\t&--default {\n\t\t&::before, &::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tleft: 6px;\n\t\t\tright: 6px;\n\t\t\theight: 8px;\n\t\t\tborder-radius: 3px;\n\t\t\tbackground: #c4c4c4;\n\t\t}\n\t\t&::before { top: 9px; }\n\t\t&::after { top: 24px; width: 55%; }\n\t}\n\n\t// Help Center thumb — 3×2 grid of small cards.\n\t&--help-center {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgrid-template-rows: repeat(2, 1fr);\n\t\tgap: 2px;\n\t\tbackground: #d1d5db;\n\t\tpadding: 2px;\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t\tbackground: #fff;\n\t\t\tborder-radius: 2px;\n\t\t}\n\t}\n}\n\n.bbpc-layout-label {\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tcolor: #555;\n\ttext-align: center;\n\tline-height: 1.2;\n}\n\n// Small inline PRO badge — top-right corner of the gated area.\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":""} |
