openvibers/openvibe.play Commits

Play's home sections (games, most earned, questions) use the showcase's typeface and heading size (#32)

OP OpenVibers committed 20 days ago · e0e653653f · 1 file, +4 −0

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex aa8e817..3f992ab 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -57,6 +57,10 @@ button.sc-btn.sc-primary { border: 0; }
.pl-button:hover { filter: brightness(1.08); }
.pl-titles { margin: 32px 0; }
++/* The home's own sections sit between the shared showcase's (openvibe-shared/showcase.css .sc-sec): same typeface,
++ heading size and rhythm, so they do not read as another site. */
++:is(.pl-titles, .pl-popular, .pl-faq) { font-family: var(--ov-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif); }
++:is(.pl-titles, .pl-popular, .pl-faq) > h2 { margin: 0 0 10px; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.02em; }
.pl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.pl-card { border: 1px solid var(--border, #1f2d47); border-radius: 14px; padding: 18px 18px 8px; background: var(--bg-card, #131c2e); }
.pl-card h3 { margin: 0 0 4px; font-size: 1.25rem; }