Only hyphenate on small screens

Fixes #2820
r-lib · Nov 25, 2024 · 08fddca · 08fddca
1 parent c40ba2c
commit 08fddca
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/inst/BS5/assets/pkgdown.scss b/inst/BS5/assets/pkgdown.scss
@@ -3,11 +3,16 @@
 .row > main {
   // Ensure contents never become unreadably wide
   max-width: 50rem;
-
-  // And that we can break and hypenate very long words
-  overflow-wrap: break-word;
-  hyphens: auto;
 }
+
+@media (max-width: 800px) {
+  .row > main {
+    // break and hypenate very long words on small screens
+    overflow-wrap: break-word;
+    hyphens: auto;
+  }
+}
+
 // Put extra space between content and navbar
 @include media-breakpoint-only(xl) {
   .container .row { justify-content: space-evenly; }