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

52
themes/2026/assets/css/responsive.css
View File

@@ -112,20 +112,13 @@
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body > footer > section:nth-of-type(1) > dl {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 800px) {
body {
font-size: var(--font-size-body-mobile);
padding: var(--space-3);
}
body > main,
body > footer {
margin-bottom: var(--space-5);
--page-gutter: var(--space-3);
padding: var(--page-gutter);
}
body > header > section.site-stats > ul {
@@ -325,25 +318,10 @@
}
body > footer {
grid-template-columns: 1fr;
padding-top: var(--space-3);
padding-inline: var(--space-1);
gap: var(--space-2);
}
body > footer > section:nth-of-type(1) > dl {
grid-template-columns: 1fr;
}
body > footer > section:nth-of-type(1) > dl > div {
border-left: 0;
border-top: 1px solid var(--color-border);
padding-left: 0;
padding-top: var(--space-1);
}
body > footer > section:nth-of-type(1) > dl > div:first-child {
border-top: 0;
padding-top: 0;
gap: var(--space-4);
}
}
@@ -351,7 +329,8 @@
@media (max-width: 480px) {
body {
font-size: 1.0625rem;
padding: var(--space-2);
--page-gutter: var(--space-2);
padding: var(--page-gutter);
}
body > header > section:first-of-type > a {
@@ -430,6 +409,25 @@
max-width: 100%;
}
body > footer > nav > ul > li {
grid-template-columns: 1fr;
align-items: start;
}
body > footer > nav h2,
body > footer > nav h2 a,
body > footer > nav h2 span {
text-align: left;
}
body > footer > nav > ul > li > div {
grid-column: 1;
}
body > footer > nav ul ul {
flex-wrap: wrap;
}
body > main.home-main > section.home-rubrics > div > article > header {
align-items: flex-start;
flex-direction: column;