add word-break rule

This commit is contained in:
madrilene 2024-02-09 11:14:13 +01:00
parent a9efe94cff
commit 21bbcff209

View file

@ -1,3 +1,5 @@
/* Based on Andy Bell, https://github.com/Andy-set-studio/personal-site-eleventy */
.prose {
--flow-space: var(--space-m);
--wrapper-width: 64rem;
@ -59,3 +61,14 @@
.prose img {
border-radius: var(--border-radius);
}
@media screen(ltsm) {
.prose > *,
.prose a {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
hyphens: auto;
}
}