Rename feature-figure.html to featured-media and combine CSS with figures

- Rename feature-figure.html and its class from post-media to
  featured-media
- Move all <figure> formatting to a separate section
- Put the .featured-media CSS next to the rest of the figure formatting
  as it's sorta a special case of regular figure
This commit is contained in:
2025-09-01 01:10:16 -05:00
parent 1ee8d314c0
commit 8e22007bfd
4 changed files with 35 additions and 30 deletions

View File

@@ -174,30 +174,6 @@ video {
max-width: 100%;
}
figure > .figure-media {
padding: 5px;
}
figure > .figure-media.border {
border: 2px solid var(--figure-border);
}
.post-media > figure > .figure-media {
border: 7px solid var(--figure-border);
}
figure {
display: block;
text-align: center;
margin: 0;
}
figcaption {
font-style: italic;
font-size: small;
text-align: center;
}
a {
color: var(--link-0);
text-decoration: inherit;
@@ -495,9 +471,7 @@ body {
content: ",";
}
.post-media {
margin-top: 15px;
}
/* for formatting of the featured image/media, see the .featured-media class */
.summary-card-description {
margin-top: 10px;
@@ -509,6 +483,37 @@ body {
/* }}} */
/* Figures, and featured media component (used in page.html and summary-card) {{{ */
figure > .figure-media {
padding: 5px;
}
figure > .figure-media.border {
border: 2px solid var(--figure-border);
}
figure {
display: block;
text-align: center;
margin: 0;
}
figcaption {
font-style: italic;
font-size: small;
text-align: center;
}
.featured-media {
margin-top: 15px;
}
.featured-media > figure > .figure-media {
border: 7px solid var(--figure-border);
}
/* }}} */
/* List layout {{{ */
.page-list {