blog/2025
1
Fork 0
Code Issues Activity

Améliore la présentation des pages de taxonomie

Browse Source
This commit is contained in:
Richard Dern
2026-04-02 23:18:21 +02:00
parent 3ccbf689fc
commit ba651ee4cd
3 changed files with 45 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
themes/2026/assets/css/content.css
View File

@@ -181,6 +181,32 @@ body > main:has(> article:first-child):has(> aside) > aside > section figure {
margin-top: 0;
}
body > main.taxonomy-page {
grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
gap: var(--space-4);
align-items: start;
}
body > main.taxonomy-page > article {
grid-column: 1 / -1;
margin-inline: auto;
}
body > main.taxonomy-page > section {
margin-top: 0;
border-top-color: var(--color-accent-2);
padding: var(--space-3);
background: linear-gradient(180deg, rgba(93, 134, 173, 0.18) 0%, rgba(17, 27, 42, 0.56) 100%);
}
body > main.taxonomy-page > section > header {
margin-top: 0;
}
body > main.taxonomy-page > section > header > h2 {
margin-top: 0;
}
main > article {
--article-feature-block-margin: calc(var(--space-5) * 2);
border-top-width: var(--border-width-regular);
@@ -541,7 +567,8 @@ main > article > section.article-asides > section.article-taxonomies details.art
margin-bottom: var(--space-2);
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul {
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul,
body > main.taxonomy-page > section > ul {
list-style: none;
margin-top: 0;
padding-left: 0;
@@ -550,10 +577,17 @@ main > article > section.article-asides > section.article-taxonomies details.art
gap: var(--space-2);
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li {
body > main.taxonomy-page > section > ul {
margin-top: var(--space-2);
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li,
body > main.taxonomy-page > section > ul > li {
margin-top: 0;
display: inline-flex;
align-items: baseline;
min-width: 0;
max-width: 100%;
gap: 0.3rem;
padding: 0.2rem 0.55rem;
border: 1px solid var(--color-border);
@@ -562,17 +596,21 @@ main > article > section.article-asides > section.article-taxonomies details.art
line-height: 1.3;
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a {
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a,
body > main.taxonomy-page > section > ul > li > a {
color: var(--color-heading);
text-decoration: none;
overflow-wrap: anywhere;
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a:is(:hover, :focus-visible) {
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > a:is(:hover, :focus-visible),
body > main.taxonomy-page > section > ul > li > a:is(:hover, :focus-visible) {
color: var(--color-link-hover);
text-decoration: underline;
}
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > sub {
main > article > section.article-asides > section.article-taxonomies details.article-taxonomy-group > ul > li > sub,
body > main.taxonomy-page > section > ul > li > sub {
font-size: 0.66rem;
color: var(--color-text-muted);
}