fix(seo): Adapts word-break on text and link to the size of the screen

scalastic · Jul 12, 2023 · 88b5b57 · 88b5b57
1 parent bc8dca2
commit 88b5b57
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/_sass/_media.scss b/_sass/_media.scss
@@ -116,6 +116,27 @@
       padding: 5px 0px;
     }
   }
+  .page-content p, li {
+    word-break: break-word;
+    hyphens: auto;
+    hyphenate-character: '-';
+  }
+  .article {
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+      margin-inline-start: 0px;
+      margin-inline-end: 0px;
+  }
+
+  .article-page {
+    a {
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+      word-break: break-word;
+      hyphens: auto;
+    }
+  }
 
   .sidebar {
     position: relative;