Skip to content

Commit 4da89cb

Browse files
committed
images: properly scale (near) full-width images
`thulite/images` requires some CSS, which isn't present in our configuration.[^0] Add it, such that large images are now scaled properly again. [^0]: https://images.thulite.io/docs/start-here/manual-setup/#add-css Signed-off-by: Luca Zeuch <[email protected]>
1 parent b3e46ef commit 4da89cb

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
img {
2+
height: auto;
3+
max-width: 100%;
4+
}
5+
6+
img, picture {
7+
font-size: 0;
8+
}
9+
10+
img[data-sizes="auto"] {
11+
display: block;
12+
}
13+
14+
.blur-up {
15+
filter: blur(5px);
16+
transition: filter 400ms;
17+
}
18+
19+
.blur-up.lazyloaded {
20+
filter: unset;
21+
}
22+
23+
figcaption {
24+
font-size: 1rem;
25+
margin-top: 0.5rem;
26+
font-style: italic;
27+
}

0 commit comments

Comments
 (0)