Add second class for other contexts.

nhsuk · Nov 19, 2024 · 82d8391 · 82d8391
1 parent 4cfc228
commit 82d8391
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/core/utilities/_word-breaks.scss b/packages/core/utilities/_word-breaks.scss
@@ -14,3 +14,16 @@
 .nhsuk-u-word-break-all {
   word-break: break-all;
 }
+
+
+/**
+ * This class also allows words to be broken between any 2
+ * to avoid overflowing their container, but will try
+ * and avoid it by placing the entire word on its own
+ * line first. However this does not work in tables.
+ *
+ * Usage: class="nhsuk-u-word-break-all"
+ */
+.nhsuk-u-word-break-word {
+  overflow-wrap: break-word;
+}