Affichage des images non intégrées
This commit is contained in:
@@ -858,6 +858,49 @@ aside section dl > div {
|
||||
padding-top: var(--space-2);
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images {
|
||||
width: min(100%, var(--max-width-reading));
|
||||
margin-inline: auto;
|
||||
margin-top: var(--space-6);
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section {
|
||||
margin-top: 0;
|
||||
border-top: 1px solid var(--color-border);
|
||||
padding-top: var(--space-3);
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section > h2 {
|
||||
margin-top: 0;
|
||||
font-size: 1.02rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section > ul {
|
||||
list-style: none;
|
||||
margin-top: var(--space-3);
|
||||
padding-left: 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section > ul > li {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section > ul > li > a {
|
||||
display: block;
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-complementary-images > section > ul > li > a > img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > aside.article-toc {
|
||||
position: fixed;
|
||||
inset-inline-end: var(--space-2);
|
||||
|
||||
Reference in New Issue
Block a user