| 1 |
{"version":3,"file":"forum-overview/index.css","mappings":"AAEA,qBACC,aAEA,SADA,oCAEA,aAEA,2BAKC,uDAJA,mBACA,mBACA,aACA,iBACA,CAGD,2BAGC,mBACA,kBAFA,YAGA,mBAJA,UAIA,CAGD,4BAGC,mBACA,kBAFA,YAGA,kBAJA,SAIA,CAGD,4BAGC,mBACA,kBAFA,YAGA,cAJA,SAIA,CAIF,8BACC,MACC,UAED,IACC,YAKF,kBAEC,gBADA,iBACA,CAID,6BAEC,mBAEA,iBADA,gBAFA,iBAGA,CAGD,wBAGC,YAFA,oBACA,+DACA,CAGD,wBAMC,mBAGA,0BADA,+BAEA,mBANA,aACA,sBAHA,QAKA,uBANA,kBAEA,UAOA,CAEA,+BAOC,mDACA,kBAIA,0CANA,WALA,qBAEA,eACA,gBAMA,qBALA,iBAMA,mBATA,iBAOA,wBAGA,CAGD,8BAGC,cAFA,eACA,gBAEA,gBAGD,6BAGC,mDAEA,kBAKA,0CANA,qBAHA,qBAOA,eADA,gBALA,kBAIA,+BAGA,uCACA,CAEA,mCAEC,0CADA,0BACA,CAMH,qBACC,aAEA,SADA,oCAEA,aAEA,2BAGC,mBAGA,mBACA,yBACA,mBAPA,aACA,sBAEA,uBACA,kBAIA,kBAGD,2BACC,eAEA,cADA,kBACA,CAGD,4BAGC,cAFA,eACA,gBAEA,gBACA,kBAGD,4BAGC,cAFA,eACA,gBAGA,oBADA,wBACA,C","sources":["webpack:///./src/forum-overview/editor.scss"],"sourcesContent":["// Editor styles\n// Skeleton Loader\n.bbpc-stats-skeleton {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n\tgap: 20px;\n\tpadding: 20px;\n\n\t&__card {\n\t\tbackground: #f0f0f0;\n\t\tborder-radius: 12px;\n\t\tpadding: 24px;\n\t\ttext-align: center;\n\t\tanimation: bbpc-stats-shimmer 1.5s infinite ease-in-out;\n\t}\n\n\t&__icon {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 50%;\n\t\tmargin: 0 auto 12px;\n\t}\n\n\t&__count {\n\t\twidth: 60%;\n\t\theight: 24px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 4px;\n\t\tmargin: 0 auto 8px;\n\t}\n\n\t&__label {\n\t\twidth: 50%;\n\t\theight: 14px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 4px;\n\t\tmargin: 0 auto;\n\t}\n}\n\n@keyframes bbpc-stats-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 block overlay — shows mockup preview behind an overlay with upgrade CTA.\n.bbpc-pro-block-overlay-wrap {\n\tposition: relative;\n\tborder-radius: 12px;\n\toverflow: hidden;\n\tmin-height: 160px;\n}\n\n.bbpc-pro-block-preview {\n\tpointer-events: none;\n\tuser-select: none;\n\topacity: 0.35;\n}\n\n.bbpc-pro-block-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 10;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: rgba(255, 255, 255, 0.55);\n\tbackdrop-filter: blur(3px);\n\tborder-radius: 12px;\n\n\t&__badge {\n\t\tdisplay: inline-block;\n\t\tpadding: 5px 16px;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\tline-height: 18px;\n\t\tcolor: #fff;\n\t\tbackground: linear-gradient(135deg, #6366f1, #8b5cf6);\n\t\tborder-radius: 6px;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 1.2px;\n\t\tmargin-bottom: 12px;\n\t\tbox-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);\n\t}\n\n\t&__text {\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcolor: #1f2937;\n\t\tmargin: 0 0 16px;\n\t}\n\n\t&__btn {\n\t\tdisplay: inline-block;\n\t\tpadding: 10px 28px;\n\t\tbackground: linear-gradient(135deg, #6366f1, #8b5cf6);\n\t\tcolor: #fff !important;\n\t\tborder-radius: 8px;\n\t\ttext-decoration: none !important;\n\t\tfont-weight: 600;\n\t\tfont-size: 13px;\n\t\ttransition: transform 0.2s, box-shadow 0.2s;\n\t\tbox-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-1px);\n\t\t\tbox-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);\n\t\t}\n\t}\n}\n\n// Mock stats grid behind overlay.\n.bbpc-pro-mock-stats {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n\tgap: 20px;\n\tpadding: 24px;\n\n\t&__card {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 28px 16px;\n\t\tbackground: #f9fafb;\n\t\tborder: 1px solid #e5e7eb;\n\t\tborder-radius: 12px;\n\t\ttext-align: center;\n\t}\n\n\t&__icon {\n\t\tfont-size: 28px;\n\t\tmargin-bottom: 10px;\n\t\tline-height: 1;\n\t}\n\n\t&__count {\n\t\tfont-size: 28px;\n\t\tfont-weight: 700;\n\t\tcolor: #111827;\n\t\tline-height: 1.2;\n\t\tmargin-bottom: 4px;\n\t}\n\n\t&__label {\n\t\tfont-size: 13px;\n\t\tfont-weight: 500;\n\t\tcolor: #6b7280;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""} |
