ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use modern CSS to style figcaptions.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-08-06 09:30:17 +02:00
commit be8081973d
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/sass/base/images/_images.scss
View file

@ -36,14 +36,13 @@ figure {
&.image {
figcaption {
padding-block-start: var(--image-padding);
contain: inline-size;
// Set max text line width in main for readability.
max-width: var(--max-line-width);
// Nicer text wrap, e.g. no lone word on last line.
text-wrap: pretty;
@media (min-width: 666px) {
display: table-caption;
caption-side: bottom;
padding-block-start: 0;
}
@ -53,7 +52,7 @@ figure {
}
@media (min-width: 666px) {
display: table;
inline-size: fit-content;
&.left {
figcaption {