blog/2025
1
Fork 0
Code Issues Activity

Affiner la mise en page du footer global

Browse Source
This commit is contained in:
Richard Dern
2026-04-03 01:16:02 +02:00
parent a6013ee59e
commit a2505475d3
4 changed files with 150 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
themes/2026/assets/css/base.css
View File

@@ -4,6 +4,7 @@ html {
}
body {
--page-gutter: var(--space-4);
font-family: var(--font-body);
font-size: var(--font-size-body);
line-height: 1.7;
@@ -14,21 +15,25 @@ body {
color-mix(in srgb, var(--color-background-wash) 4%, var(--color-background-deep)) 100%
);
color: var(--color-text);
padding: var(--space-4);
padding: var(--page-gutter);
}
body > header,
body > main,
body > footer {
body > main {
width: min(100%, var(--max-width));
margin-inline: auto;
}
body > main,
body > footer {
body > main {
margin-bottom: var(--space-6);
}
body > footer {
width: auto;
margin-inline: calc(var(--page-gutter) * -1);
margin-bottom: calc(var(--page-gutter) * -1);
}
body > main {
display: grid;
grid-template-columns: minmax(0, 1fr);