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

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
+1
View File
@@ -44,6 +44,7 @@
- [x] Extend admin auth cookie lifetime from session-only to 1 week (604800s)
- [x] Close TOC (licence/charte/apropos) and Filtres (search.php) <details> by default on mobile
- [x] Wider heading scale (h1/h2/h3) for apropos/licence/charte pages: step-5 / step-3 / step-1
- [x] Reduce heading sizes in content-page.css, use explicit clamp() values instead of step-system vars, tighter hierarchy
- [x] Masquer le bloc "Durée" sur la page TFE quand aucune durée n'est encodée (ni pages ni minutes)
- [x] Fix: locked_year cleared on edit — edit dialog didn't populate the field, so any edit cleared the locked academic year
- [x] Fix repertoire Années column: sort reverse chronological (newest first) instead of ascending alpha
+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 {