style: Break method names anywhere instead of at words

Author: stanleyjones

fern/assets/styles.css

@@ -35,7 +35,7 @@ header#fern-header a.fern-button.filled.normal.primary:after {
   top: 50%;
   width: 7.5rem;
   height: 7.5rem;
-  background-image: url('https://fern-image-hosting.s3.us-east-1.amazonaws.com/alchemy/alchemy-bg-button-blur.png');
+  background-image: url("https://fern-image-hosting.s3.us-east-1.amazonaws.com/alchemy/alchemy-bg-button-blur.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
@@ -53,15 +53,15 @@ header#fern-header a.fern-button.filled.normal.primary:after {
 }
 header#fern-header a.fern-button.filled.normal.primary:hover:before {
   opacity: 0.5;
-  animation: 
+  animation:
     slideBlurLeft 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
     floatVerticalLeft 4s ease-in-out infinite,
     fadeEdges 6s ease-in-out infinite;
   animation-fill-mode: both;
 }
 header#fern-header a.fern-button.filled.normal.primary:hover:after {
   opacity: 0.5;
-  animation: 
+  animation:
     slideBlurRight 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
     floatVerticalRight 4s ease-in-out infinite,
     fadeEdges 6s ease-in-out infinite;
@@ -75,15 +75,15 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 :is(.dark) header#fern-header a.fern-button.filled.normal.primary:hover:before {
   opacity: 0.5;
-  animation: 
+  animation:
     slideBlurLeft 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
     floatVerticalLeft 4s ease-in-out infinite,
     fadeEdgesDark 6s ease-in-out infinite;
   animation-fill-mode: both;
 }
 :is(.dark) header#fern-header a.fern-button.filled.normal.primary:hover:after {
   opacity: 0.5;
-  animation: 
+  animation:
     slideBlurRight 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
     floatVerticalRight 4s ease-in-out infinite,
     fadeEdgesDark 6s ease-in-out infinite;
@@ -164,7 +164,8 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 
 /* ----- HERO BUTTON ANIMATIONS ----- */
 @keyframes slideBlurLeft {
-  0%, 100% {
+  0%,
+  100% {
     left: 25%;
   }
   33% {
@@ -182,7 +183,8 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 
 @keyframes slideBlurRight {
-  0%, 100% {
+  0%,
+  100% {
     right: 25%;
   }
   33% {
@@ -200,7 +202,8 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 
 @keyframes floatVerticalLeft {
-  0%, 100% {
+  0%,
+  100% {
     transform: translate(-50%, -60%);
   }
   25% {
@@ -215,7 +218,8 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 
 @keyframes floatVerticalRight {
-  0%, 100% {
+  0%,
+  100% {
     transform: translate(50%, -60%);
   }
   25% {
@@ -230,24 +234,27 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 
 @keyframes fadeEdges {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 0.3;
   }
-  33%, 66% {
+  33%,
+  66% {
     opacity: 0.5;
   }
 }
 
 @keyframes fadeEdgesDark {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 0.1;
   }
-  33%, 66% {
+  33%,
+  66% {
     opacity: 0.3;
   }
 }
 
-
 .fern-anchor {
   border-radius: 50% !important;
 }
@@ -297,6 +304,10 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
   color: rgba(var(--body-text), 1) !important;
 }
 
+.fern-sidebar-link .break-words {
+  overflow-wrap: anywhere !important;
+}
+
 /* this selects section headings in the sidebar */
 .fern-sidebar-link-container.font-semibold:not([data-state="active"])
   .fern-sidebar-link
@@ -323,4 +334,5 @@ header#fern-header a.fern-button.filled.normal.primary:hover:after {
 }
 :is(.light) .callout-outlined-tip {
   background-color: #f0fdf4 !important;
-}
+}
+