add word-break rule
This commit is contained in:
parent
a9efe94cff
commit
21bbcff209
1 changed files with 13 additions and 0 deletions
|
|
@ -1,3 +1,5 @@
|
||||||
|
/* Based on Andy Bell, https://github.com/Andy-set-studio/personal-site-eleventy */
|
||||||
|
|
||||||
.prose {
|
.prose {
|
||||||
--flow-space: var(--space-m);
|
--flow-space: var(--space-m);
|
||||||
--wrapper-width: 64rem;
|
--wrapper-width: 64rem;
|
||||||
|
|
@ -59,3 +61,14 @@
|
||||||
.prose img {
|
.prose img {
|
||||||
border-radius: var(--border-radius);
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue