css: add styles for image figures

This commit is contained in:
He4eT 2026-03-07 09:06:33 +01:00
commit f1ac8bd2fc

View file

@ -47,12 +47,41 @@ code {
padding: 0.2rem 0.4rem;
}
/* Images */
figure.image img {
display: block;
box-sizing: border-box;
margin-bottom: 0;
}
figure.image.bordered img {
border: 4px solid hsl(0, 0%, 0%, 0.7);
}
figure.image figcaption {
border-left: 4px solid hsl(0, 0%, 0%, 0.2);
padding-left: 1.0rem;
padding-right: 1.0rem;
margin-top: 1.0rem;
}
/* Lists */
ul {
list-style: square;
}
.entry:last-child,
.entry {
margin-bottom: 1.5rem;
}
.entry > header,
.entry > .description {
margin-bottom: 0.5rem;
}
/* Tables */
@media (max-width: 500px) {
@ -129,15 +158,3 @@ body > footer {
h1, h2, h3, h4, h5 {
scroll-margin-top: 0.5em;
}
/* Lists */
.entry:last-child,
.entry {
margin-bottom: 1.5rem;
}
.entry > header,
.entry > .description {
margin-bottom: 0.5rem;
}