toine/partirdezero
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Amélioration des styles typographiques (H1–H6) et gestion responsive de l'élément burger dans les media queries.

Browse source
This commit is contained in:
mrtoine 2025-12-15 13:45:25 +01:00
parent 8668690d11
commit e79ffeeffa
2 changed files with 28 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
VERSION.txt
View file

@ -1 +1 @@
1.0.2 (b3f201d) 1.0.2 (8668690)

29
static/css/app.css
View file

@ -466,6 +466,11 @@ body {
border-radius: var(--r-2); border-radius: var(--r-2);
} }
/* Hide burger on large screens explicitly */
@media (min-width: 1025px) {
.nav-toggle { display: none !important; }
}
@media (max-width: 1024px) { @media (max-width: 1024px) {
.site-nav { .site-nav {
position: sticky; position: sticky;
@ -710,17 +715,37 @@ section {
font-size: 1.5rem; font-size: 1.5rem;
} }
/* --- Headings system (H1–H6) --- */
/* Base: consistent rhythm, weight, and accessibility across themes */
:where(h1,h2,h3,h4,h5,h6) {
font-family: var(--font-sans);
font-weight: 700;
line-height: 1.2;
margin: 0 0 var(--space-4);
color: var(--fg);
letter-spacing: -0.01em;
}
h1 { h1 {
font-size: clamp(2rem, 4.5vw, 2.75rem);
color: var(--primary); color: var(--primary);
font-size: clamp(1.8rem, 4vw, 2.5rem); border-left: 4px solid var(--accent);
padding-left: var(--space-3); padding-left: var(--space-3);
} }
h2 { h2 {
font-size: clamp(1.5rem, 3.5vw, 2rem);
color: var(--accent); color: var(--accent);
font-size: clamp(1.3rem, 3vw, 1.8rem); border-bottom: 1px solid var(--border);
padding-bottom: 6px;
margin-top: var(--space-6);
} }
h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); color: var(--fg); }
h4 { font-size: clamp(1.1rem, 2.2vw, 1.25rem); color: var(--fg); }
h5 { font-size: clamp(1rem, 2vw, 1.1rem); color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
h6 { font-size: 0.95rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;