| 1 |
{"version":3,"file":"forum-overview/style-index.css","mappings":"AASA,iBACC,aACA,SAID,mBACC,aACA,eACA,SACA,uBAEA,oCACC,WACA,gBAKF,iBACC,2BACA,iCACA,mBAKA,gBAJA,kBAGA,kBAFA,kBACA,uBAEA,CAEA,uBAEC,sCADA,0BACA,CAGD,wBAOC,kDANA,WAKA,WAFA,OAIA,UANA,kBAGA,QAFA,MAMA,4BAGD,8BACC,UAKF,iBAGC,mBAKA,gCADA,kBALA,oBAIA,YAFA,uBAHA,mBAQA,+BAJA,UAIA,CAEA,qBAGC,UADA,YAEA,+BAEA,qBACA,sBAFA,iBAJA,UAMA,CAGD,wCACC,gCAKF,kBAIC,uBAHA,eACA,gBACA,gBAEA,kBAID,kBAGC,uBAFA,eACA,gBAGA,oBADA,wBACA,CASD,+BACC,GACC,UACA,2BAED,GACC,UACA,yBAIF,mCACC,4CAGC,+CACC,oBADD,gDACC,oBADD,gDACC,oBADD,gDACC,oBADD,gDACC,oBAMH,wBACC,iBACC,8CAGD,oCACC,gBAGD,kBACC,eAGD,kBACC,gB","sources":["webpack:///./src/forum-overview/style.scss"],"sourcesContent":["/**\n * Forum Overview block — Frontend styles\n *\n * Uses the project-wide CSS variables for light/dark mode\n * compatibility and includes a body.body_dark override\n * section following the same pattern as other blocks.\n */\n\n/* Grid container. */\n.frmx-stats-grid {\n\tdisplay: grid;\n\tgap: 20px;\n}\n\n/* Inline row layout. */\n.frmx-stats-inline {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 20px;\n\tjustify-content: center;\n\n\t.frmx-stats-card {\n\t\tflex: 1 1 0;\n\t\tmin-width: 140px;\n\t}\n}\n\n/* Individual stat card. */\n.frmx-stats-card {\n\tbackground: var(--bs-white);\n\tborder: 1px solid var(--black_50);\n\tborder-radius: 12px;\n\tpadding: 28px 20px;\n\ttext-align: center;\n\ttransition: all 0.3s ease;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&:hover {\n\t\ttransform: translateY(-3px);\n\t\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n\t}\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 3px;\n\t\tbackground: linear-gradient(90deg, #6366f1, #8b5cf6);\n\t\topacity: 0;\n\t\ttransition: opacity 0.3s ease;\n\t}\n\n\t&:hover::before {\n\t\topacity: 1;\n\t}\n}\n\n/* Icon wrapper. */\n.frmx-stats-icon {\n\tmargin-bottom: 12px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 56px;\n\theight: 56px;\n\tborder-radius: 50%;\n\tbackground: rgba(99, 102, 241, 0.08);\n\ttransition: background 0.3s ease;\n\n\tsvg {\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tfill: none;\n\t\tstroke: var(--bbpc_brand_color);\n\t\tstroke-width: 1.5;\n\t\tstroke-linecap: round;\n\t\tstroke-linejoin: round;\n\t}\n\n\t.frmx-stats-card:hover & {\n\t\tbackground: rgba(99, 102, 241, 0.14);\n\t}\n}\n\n/* Counter number. */\n.frmx-stats-count {\n\tfont-size: 32px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tcolor: var(--black_900);\n\tmargin-bottom: 4px;\n}\n\n/* Label text. */\n.frmx-stats-label {\n\tfont-size: 14px;\n\tfont-weight: 500;\n\tcolor: var(--black_500);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.5px;\n}\n\n/* =============================================\n Dark Mode\n ============================================= */\n\n\n/* Counter animation. */\n@keyframes frmx-stats-fadeInUp {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(16px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.frmx-stats-card[data-animate=\"1\"] {\n\tanimation: frmx-stats-fadeInUp 0.5s ease both;\n\n\t@for $i from 1 through 5 {\n\t\t&:nth-child(#{$i}) {\n\t\t\tanimation-delay: #{$i * 0.1}s;\n\t\t}\n\t}\n}\n\n/* Responsive. */\n@media (max-width: 768px) {\n\t.frmx-stats-grid {\n\t\tgrid-template-columns: repeat(2, 1fr) !important;\n\t}\n\n\t.frmx-stats-inline .frmx-stats-card {\n\t\tmin-width: 120px;\n\t}\n\n\t.frmx-stats-count {\n\t\tfont-size: 24px;\n\t}\n\n\t.frmx-stats-label {\n\t\tfont-size: 12px;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""} |
