PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-08-10 07:11:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

content-page.css: smaller heading scale with explicit clamp values

Browse Source 
Replace var(--step-5)/--step-3/--step-1 for h1/h2/h3 with explicit
clamp() values. New hierarchy: h1 ~2rem, h2 ~1.5rem, h3 ~1.2rem.
Also update .content-section-title to use direct clamp (was --step-3,
now matches h2). Mobile override swapped from --step-2 to explicit
clamp. Kept --step-0 for body text (consistent with site baseline).
This commit is contained in:
Pontoporeia
2026-07-10 14:16:05 +02:00
parent 83e95bc4f5
commit 485324368f
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/assets/css/content-page.css
+6 -6
View File
@@ -157,10 +157,10 @@
scroll-margin-top: var(--space-l);
}
/* Wider heading scale for content pages (apropo/licence/charte) */
.page-content > article h1 { font-size: var(--step-5); }
.page-content > article h2 { font-size: var(--step-3); }
.page-content > article h3 { font-size: var(--step-1); }
/* Content-page heading scale — smaller, distinct, no step-system dependency */
.page-content > article h1 { font-size: clamp(1.7rem, 1.55rem + 0.68vw, 2.1rem); }
.page-content > article h2 { font-size: clamp(1.35rem, 1.23rem + 0.55vw, 1.65rem); }
.page-content > article h3 { font-size: clamp(1.1rem, 1.03rem + 0.34vw, 1.3rem); }
/* Hide CommonMark heading permalink anchors */
.heading-permalink {
@@ -173,7 +173,7 @@
.content-section-title {
font-family: var(--font-display);
font-size: var(--step-3);
font-size: clamp(1.35rem, 1.23rem + 0.55vw, 1.65rem);
font-weight: 400;
color: var(--text-primary);
margin: 0 0 var(--space-m) 0;
@@ -265,7 +265,7 @@
}
.content-section-title {
font-size: var(--step-2);
font-size: clamp(1.2rem, 1.1rem + 0.45vw, 1.45rem);
}
.apropos-credit-row {