openvibers/openvibe.play Commits
Play's home sections (games, most earned, questions) use the showcase's typeface and heading size (#32)
Changes
@@@ -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; }
@@ -57,6 +57,10 @@ button.sc-btn.sc-primary { border: 0; }
@@ -57,6 +57,10 @@ button.sc-btn.sc-primary { border: 0; }
.pl-button:hover { filter: brightness(1.08); }
.pl-button:hover { filter: brightness(1.08); }
.pl-titles { margin: 32px 0; }
.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-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 { 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; }
.pl-card h3 { margin: 0 0 4px; font-size: 1.25rem; }