diff --git a/src/assets/css/blocks/prose.css b/src/assets/css/blocks/prose.css index c3f6c60..0f9722c 100644 --- a/src/assets/css/blocks/prose.css +++ b/src/assets/css/blocks/prose.css @@ -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; + } +}