openvibers/openvibe.deals Commits
Deals' home section headings take the showcase's size (30 px, not 28) (#85)
Changes
@@@ -112,7 +112,8 @@ code { overflow-wrap: anywhere; }.hm-stats span { font-size: .85rem; line-height: 1.35; color: var(--text-secondary, #96a7c2); }.hm-sec { margin-top: 48px; }.hm-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }--.hm-head h2 { margin: 0; font-size: clamp(1.3rem, 2.4vw, 1.75rem); letter-spacing: -.01em; }++/* The showcase sections' heading size (openvibe-shared/showcase.css .sc-sec), like "How it works" between them. */++.hm-head h2 { margin: 0; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.02em; }.hm-more { font-weight: 600; font-size: .95rem; text-decoration: none; white-space: nowrap; }.hm-more:hover { text-decoration: underline; text-underline-offset: 3px; }.hm-lede { margin: 4px 0 14px; color: var(--text-secondary, #96a7c2); font-size: .98rem; }
@@ -112,7 +112,8 @@ code { overflow-wrap: anywhere; }
@@ -112,7 +112,8 @@ code { overflow-wrap: anywhere; }
.hm-stats span { font-size: .85rem; line-height: 1.35; color: var(--text-secondary, #96a7c2); }
.hm-stats span { font-size: .85rem; line-height: 1.35; color: var(--text-secondary, #96a7c2); }
.hm-sec { margin-top: 48px; }
.hm-sec { margin-top: 48px; }
.hm-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.hm-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
-.hm-head h2 { margin: 0; font-size: clamp(1.3rem, 2.4vw, 1.75rem); letter-spacing: -.01em; }
+/* The showcase sections' heading size (openvibe-shared/showcase.css .sc-sec), like "How it works" between them. */
+.hm-head h2 { margin: 0; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.02em; }
.hm-more { font-weight: 600; font-size: .95rem; text-decoration: none; white-space: nowrap; }
.hm-more { font-weight: 600; font-size: .95rem; text-decoration: none; white-space: nowrap; }
.hm-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.hm-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.hm-lede { margin: 4px 0 14px; color: var(--text-secondary, #96a7c2); font-size: .98rem; }
.hm-lede { margin: 4px 0 14px; color: var(--text-secondary, #96a7c2); font-size: .98rem; }