| 1 |
{"version":3,"file":"single-forum/index.css","mappings":"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","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_single-forum.scss","webpack:///./src/single-forum/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 ","//Forum Widget\n.forum-with-topics {\n border-radius: 30px;\n\n .thumb-area {\n .forum-thumbnail {\n border-radius: 8px 8px 0 0;\n width: 100%;\n\n img {\n width: 100%;\n z-index: -1;\n }\n }\n }\n\n .topic-table {\n .topic-heading {\n display: flex;\n flex-wrap: wrap;\n background: var(--bs-white);\n box-shadow: 0 20px 60px -5px rgba(51, 77, 114, 0.12);\n padding: 16px 30px;\n border-radius: 0 0 8px 8px;\n border: 1px solid var(--black_50);\n\n .icon-text {\n color: var(--black_600);\n font-size: 14px;\n font-weight: 400;\n display: flex;\n align-items: center;\n\n svg {\n margin-right: 5px;\n }\n }\n\n .topic {\n width: 54%;\n }\n\n .voice {\n width: 13%;\n }\n\n .replies {\n width: 8%;\n }\n\n .freshness {\n width: 20%;\n }\n\n }\n\n .topic-contents {\n display: flex;\n background: var(--bs-white);\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n margin: 10px 0;\n border-radius: 8px;\n padding: 16px 30px;\n border: 1px solid var(--black_50);\n align-items: center;\n\n .title {\n width: 50%;\n\n &:hover {\n a {\n text-decoration: none;\n }\n }\n\n p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 15px;\n }\n\n h3 {\n font-size: 16px;\n margin-bottom: 5px;\n margin-top: 0;\n line-height: 20px;\n\n &:hover {\n color: var(--bbpc_brand_color);\n }\n }\n }\n\n .voice {\n width: 12%;\n }\n\n .topics {\n width: 14%;\n }\n\n .voice,\n .topics {\n text-align: center;\n }\n\n .user {\n width: 25%;\n margin-top: 2px;\n\n .user-data {\n display: flex;\n }\n\n .user-img {\n margin-right: 10px;\n\n img {\n border-radius: 50%;\n }\n }\n\n .user-info {\n span.bbp-author-name {\n font-size: 14px;\n font-weight: 400;\n color: var(--black_800);\n letter-spacing: normal;\n margin-bottom: 8px;\n display: inline-block;\n }\n\n .date {\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n\n a {\n color: var(--black_400);\n\n &:hover {\n color: var(--bbpc_brand_color);\n text-decoration: none;\n }\n }\n }\n\n h3 {\n line-height: 0.5;\n margin: 0;\n }\n }\n }\n\n h3 a {\n color: #171D24 !important;\n font-size: 16px;\n\n &:hover {\n text-decoration: none;\n color: var(--bbpc_brand_color) !important;\n\n span {\n color: var(--bbpc_brand_color) !important;\n }\n }\n }\n }\n }\n}\n\n.forum-info {\n padding: 50px 30px;\n\n .title-area {\n align-items: center;\n\n @media all and (max-width: 560px) {\n margin-top: 10px;\n }\n\n .title,\n .subtitle {\n color: #fff;\n }\n\n .title {\n font-size: 28px;\n text-transform: capitalize;\n margin: 0;\n letter-spacing: normal;\n\n @media all and (max-width: 560px) {\n margin-bottom: 4px;\n }\n }\n\n .subtitle {\n font-style: italic;\n }\n }\n}\n\n.forum-meta {\n display: flex;\n position: absolute;\n list-style-type: none;\n top: 20px;\n right: 20px;\n margin: 0;\n\n li {\n display: flex;\n margin-right: 10px;\n line-height: 1 !important;\n border-radius: 3px;\n margin-left: 0;\n\n &.button {\n padding: 0;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n &:hover {\n a {\n text-decoration: none;\n }\n }\n }\n\n li:last-child {\n margin-right: 0;\n }\n\n .topics,\n .replies {\n color: #fff;\n display: inline-flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.15);\n padding: 8px;\n font-size: 14px !important;\n margin-top: 0;\n\n &:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n svg {\n margin-right: 5px;\n }\n }\n\n .button a {\n color: #ffffff;\n background: var(--bbpc_brand_color);\n padding: 8px 14px;\n font-size: 14px;\n border-radius: 3px;\n text-decoration: none;\n\n &:hover {\n background: #9ea2a9;\n }\n }\n}\n\n\n.forum-with-topics .forum-card {\n background: var(--bs-white, #fff);\n border-color: var(--black_50);\n}\n\n.forum-card {\n background: var(--bs-white);\n border-radius: 8px 8px 8px 8px;\n border: 1px solid var(--black_50);\n overflow: hidden;\n\n .card-body {\n padding: 25px;\n\n p {\n margin-bottom: 0;\n }\n }\n\n .card-title {\n h3 {\n font-size: 18px;\n margin-bottom: 5px;\n margin-top: unset;\n\n &:hover {\n a {\n color: #0b589d;\n }\n }\n }\n\n a {\n text-decoration: none;\n }\n }\n\n .forum-card-thumbnail-area {\n position: relative;\n border-radius: 30px 30px 0 0;\n padding: 10px 25px;\n\n img {\n width: 100%;\n }\n }\n\n .forum-meta {\n display: flex;\n position: absolute;\n bottom: 0;\n right: 20px;\n top: auto;\n margin-bottom: 20px;\n\n .topics,\n .replies {\n background: rgba(23, 29, 36, 0.7);\n\n &:hover {\n background: rgba(23, 29, 36, 0.8);\n }\n }\n }\n}\n\n@media all and (max-width: 560px) {\n .topic-contents {\n\n .voice,\n .topics,\n .user {\n display: none;\n }\n }\n\n .topic-table {\n .topic-heading {\n\n .voice,\n .replies,\n .freshness {\n display: none !important;\n }\n }\n\n\n .topic-heading .topic,\n .topic-contents .title {\n width: 100% !important;\n }\n }\n}\n\n.home-forum-counter {\n .elementor-element-populated {\n background-color: var(--bs-white);\n\n .elementor-counter-number {\n color: var(--black_900);\n }\n }\n}\n\n.home-forum-posts {\n .elementor-post__card {\n background-color: var(--bs-white) !important;\n\n .elementor-post__title a {\n color: var(--black_900);\n }\n }\n}\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\n// ─── Style 3: Compact List (No Thumbnail) ────────────────────────\n.bbpc-sf-list {\n .bbpc-sf-list-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-bottom: 12px;\n gap: 10px;\n }\n\n .bbpc-sf-list-forum-title {\n font-size: 20px;\n font-weight: 600;\n margin: 0;\n color: var(--black_900);\n\n a {\n color: inherit;\n text-decoration: none;\n\n &:hover {\n color: var(--bbpc_brand_color);\n }\n }\n }\n\n .bbpc-sf-list-counts {\n display: flex;\n gap: 10px;\n }\n\n .bbpc-sf-list-badge {\n font-size: 13px;\n color: var(--black_500);\n background: var(--black_50);\n padding: 4px 10px;\n border-radius: 20px;\n }\n\n .bbpc-sf-list-forum-desc {\n font-size: 14px;\n color: var(--black_600);\n margin: 0 0 16px;\n line-height: 1.6;\n }\n\n .bbpc-sf-list-item {\n background: var(--bs-white);\n border: 1px solid var(--black_50);\n padding: 16px 20px;\n margin-bottom: 10px;\n border-radius: 8px;\n transition: box-shadow 0.2s ease;\n\n &:hover {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n }\n\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n\n .bbpc-sf-list-title {\n font-size: 15px;\n font-weight: 500;\n margin: 0 0 4px;\n line-height: 1.4;\n\n a {\n color: var(--black_900);\n text-decoration: none;\n\n &:hover {\n color: var(--bbpc_brand_color);\n }\n }\n }\n\n .bbpc-sf-list-excerpt {\n font-size: 13px;\n color: var(--black_500);\n margin: 0 0 8px;\n line-height: 1.5;\n }\n\n .bbpc-sf-list-meta {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n\n span {\n font-size: 12px;\n color: var(--black_400);\n }\n }\n\n .bbpc-sf-list-footer {\n margin-top: 16px;\n text-align: right;\n }\n\n .bbpc-sf-list-view-all {\n display: inline-block;\n font-size: 14px;\n font-weight: 500;\n color: var(--bbpc_brand_color);\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n// ─── Style 4: Grid (Forum Info + Topics Side-by-Side) ────────────\n.bbpc-sf-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid var(--black_50);\n\n @media all and (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n\n .bbpc-sf-grid-info {\n display: flex;\n align-items: flex-end;\n padding: 30px;\n min-height: 250px;\n color: #fff;\n }\n\n .bbpc-sf-grid-info-inner {\n width: 100%;\n }\n\n .bbpc-sf-grid-title {\n font-size: 22px;\n font-weight: 600;\n margin: 0 0 8px;\n\n a {\n color: #fff;\n text-decoration: none;\n\n &:hover {\n opacity: 0.85;\n }\n }\n }\n\n .bbpc-sf-grid-desc {\n font-size: 14px;\n line-height: 1.6;\n margin: 0 0 16px;\n opacity: 0.85;\n color: #fff;\n }\n\n .bbpc-sf-grid-badges {\n display: flex;\n gap: 10px;\n margin-bottom: 16px;\n }\n\n .bbpc-sf-grid-badge {\n font-size: 13px;\n color: #fff;\n background: rgba(255, 255, 255, 0.2);\n padding: 5px 12px;\n border-radius: 20px;\n }\n\n .bbpc-sf-grid-view-all {\n display: inline-block;\n font-size: 14px;\n font-weight: 500;\n color: #fff;\n text-decoration: none;\n background: var(--bbpc_brand_color);\n padding: 8px 18px;\n border-radius: 6px;\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 0.9;\n color: #fff;\n text-decoration: none;\n }\n }\n\n .bbpc-sf-grid-topics {\n background: var(--bs-white);\n }\n\n .bbpc-sf-grid-topic {\n padding: 18px 24px;\n border-bottom: 1px solid var(--black_50);\n transition: background 0.2s ease;\n\n &:last-child {\n border-bottom: none;\n }\n\n &:hover {\n background: var(--black_50);\n }\n\n h3 {\n font-size: 15px;\n font-weight: 500;\n margin: 0 0 4px;\n line-height: 1.4;\n\n a {\n color: var(--black_900);\n text-decoration: none;\n\n &:hover {\n color: var(--bbpc_brand_color);\n }\n }\n }\n\n p {\n font-size: 13px;\n color: var(--black_500);\n margin: 0 0 8px;\n line-height: 1.5;\n }\n }\n\n .bbpc-sf-grid-meta {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n\n span {\n font-size: 12px;\n color: var(--black_400);\n }\n }\n}","// Editor styles\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/single-forum';\n\n// Skeleton loader for ServerSideRender loading state.\n.bbpc-sf-skeleton {\n padding: 0;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n\n &__cover {\n width: 100%;\n height: 200px;\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: bbpc-sf-shimmer 1.5s ease-in-out infinite;\n }\n\n &__rows {\n padding: 20px;\n }\n\n &__row {\n padding: 14px 0;\n border-bottom: 1px solid #f0f0f0;\n\n &:last-child {\n border-bottom: none;\n }\n }\n\n &__line {\n border-radius: 4px;\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: bbpc-sf-shimmer 1.5s ease-in-out infinite;\n\n &--title {\n width: 60%;\n height: 16px;\n margin-bottom: 8px;\n }\n\n &--meta {\n width: 35%;\n height: 12px;\n }\n }\n}\n\n@keyframes bbpc-sf-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":""} |
