Only hyphenate on small screens (#2822)

Fixes #2820

Author: jayhesselberth

inst/BS5/assets/pkgdown.scss

@@ -3,15 +3,21 @@
 .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;
 }
+
+// break and hypenate very long words on small screens
+@include media-breakpoint-down(md) {
+  .row > main {
+    overflow-wrap: break-word;
+    hyphens: auto;
+  }
+}
+
 // Put extra space between content and navbar
 @include media-breakpoint-only(xl) {
   .container .row { justify-content: space-evenly; }
 }
+
 // Boost font size and give big (but not infinite) margin on sidebar
 @include media-breakpoint-up(xxl) {
   body { font-size: 18px }

tests/testthat/_snaps/init.md

@@ -13,18 +13,18 @@
       Updating deps/bootstrap-5.3.1/bootstrap.min.css
       Updating deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js
       Updating deps/clipboard.js-2.0.11/clipboard.min.js
-      Updating deps/font-awesome-6.4.2/css/all.css
-      Updating deps/font-awesome-6.4.2/css/all.min.css
-      Updating deps/font-awesome-6.4.2/css/v4-shims.css
-      Updating deps/font-awesome-6.4.2/css/v4-shims.min.css
-      Updating deps/font-awesome-6.4.2/webfonts/fa-brands-400.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-brands-400.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-regular-400.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-regular-400.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-solid-900.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-solid-900.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.woff2
+      Updating deps/font-awesome-6.5.2/css/all.css
+      Updating deps/font-awesome-6.5.2/css/all.min.css
+      Updating deps/font-awesome-6.5.2/css/v4-shims.css
+      Updating deps/font-awesome-6.5.2/css/v4-shims.min.css
+      Updating deps/font-awesome-6.5.2/webfonts/fa-brands-400.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-brands-400.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-regular-400.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-regular-400.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-solid-900.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-solid-900.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-v4compatibility.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-v4compatibility.woff2
       Updating deps/headroom-0.11.0/headroom.min.js
       Updating deps/headroom-0.11.0/jQuery.headroom.min.js
       Updating deps/jquery-3.6.0/jquery-3.6.0.js