Add word-break: break word utility

The default TW utilities break when there's enough space. That's not pretty.
studio1902 · Oct 21, 2020 · 69f4bb5 · 69f4bb5
1 parent 68a46e8
commit 69f4bb5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -425,6 +425,10 @@ module.exports = {
     //
     plugin(function({ addUtilities, theme, variants }) {
       const newUtilities = {
+        // Break words only when needed.
+        '.break-decent': {
+          wordBreak: 'break-word',
+        },
         // Sizing utilities for sets in our bard (long form content).
         // On small devices they're full width.
         '.size-sm, .size-md, .size-lg, .size-xl': {