openvibers/openvibe.chat Commits
Chat's front page headings use the network's heading face and sizes, like its showcase section; the app keeps its compact type (#135)
Changes
@@@ -269,8 +269,13 @@ h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }.oc-stats dt { margin: 0; font-size: .8rem; color: var(--oc-muted); }.oc-stats dd { margin: 0; font-size: 1.3rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }.oc-room > h2 { margin: 1.4rem 0 .2rem; font-size: 1.3rem; }--.oc-home-sec { margin-top: 40px; }++.oc-home-sec { margin-top: 56px; }.oc-home-sec h2 { margin: 0 0 .5rem; font-size: 1.3rem; }++/* The front page's own headings take the network's heading face and sizes (openvibe-shared/showcase.css), like the++ "What OpenVibe.Chat does" section between them and every other OpenVibe home; the rest of Chat keeps its compact type. */++.oc-hero h1, .oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-family: var(--ov-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif); letter-spacing: -.02em; }++.oc-hero h1 { font-weight: 800; }++.oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-size: clamp(22px, 2.6vw, 30px); }.oc-home-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }.oc-home-head a { font-weight: 700; font-size: .92rem; }.oc-streams, .oc-more { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }
@@ -269,8 +269,13 @@ h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }
@@ -269,8 +269,13 @@ h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }
.oc-stats dt { margin: 0; font-size: .8rem; color: var(--oc-muted); }
.oc-stats dt { margin: 0; font-size: .8rem; color: var(--oc-muted); }
.oc-stats dd { margin: 0; font-size: 1.3rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.oc-stats dd { margin: 0; font-size: 1.3rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.oc-room > h2 { margin: 1.4rem 0 .2rem; font-size: 1.3rem; }
.oc-room > h2 { margin: 1.4rem 0 .2rem; font-size: 1.3rem; }
-.oc-home-sec { margin-top: 40px; }
+.oc-home-sec { margin-top: 56px; }
.oc-home-sec h2 { margin: 0 0 .5rem; font-size: 1.3rem; }
.oc-home-sec h2 { margin: 0 0 .5rem; font-size: 1.3rem; }
+/* The front page's own headings take the network's heading face and sizes (openvibe-shared/showcase.css), like the
+ "What OpenVibe.Chat does" section between them and every other OpenVibe home; the rest of Chat keeps its compact type. */
+.oc-hero h1, .oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-family: var(--ov-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif); letter-spacing: -.02em; }
+.oc-hero h1 { font-weight: 800; }
+.oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-size: clamp(22px, 2.6vw, 30px); }
.oc-home-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.oc-home-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.oc-home-head a { font-weight: 700; font-size: .92rem; }
.oc-home-head a { font-weight: 700; font-size: .92rem; }
.oc-streams, .oc-more { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }
.oc-streams, .oc-more { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }