Enable Japanese phrase line breaking

arayaryoma · Sep 14, 2023 · 855979f · 855979f
1 parent a840f07
commit 855979f
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/blog.araya.dev/src/styles/markdown.css b/blog.araya.dev/src/styles/markdown.css
@@ -19,11 +19,13 @@
   margin: 0.5em 0;
   overflow-wrap: break-word;
   line-height: 2em;
+  word-break: auto-phrase;
 }
 
 .markdown a {
   overflow-wrap: break-word;
   color: var(--butterfly-blue);
+  word-break: auto-phrase;
 }
 
 .markdown a:hover {
@@ -32,22 +34,28 @@
 
 .markdown h1 {
   font-size: 2em;
+  word-break: auto-phrase;
 }
 .markdown h2 {
   font-size: 1.75em;
+  word-break: auto-phrase;
 }
 .markdown h3 {
   font-size: 1.6em;
+  word-break: auto-phrase;
 }
 
 .markdown h4 {
   font-size: 1.5em;
+  word-break: auto-phrase;
 }
 .markdown h5 {
   font-size: 1.25em;
+  word-break: auto-phrase;
 }
 .markdown h6 {
   font-size: 1.1em;
+  word-break: auto-phrase;
 }
 
 .markdown h2 {