Add break-anywhere utility (#12127)

tailwindlabs · Oct 9, 2023 · fa5f6a0 · fa5f6a0
1 parent 31a80b1
commit fa5f6a0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -1538,6 +1538,13 @@ export let corePlugins = {
       '.break-words': { 'overflow-wrap': 'break-word' },
       '.break-all': { 'word-break': 'break-all' },
       '.break-keep': { 'word-break': 'keep-all' },
+      '.break-anywhere': {
+        'word-break': 'break-word',
+        '@supports (overflow-wrap: anywhere)': {
+          'overflow-wrap': 'anywhere',
+          'word-break': 'normal',
+        },
+      },
     })
   },
 

diff --git a/tests/plugins/__snapshots__/wordBreak.test.js.snap b/tests/plugins/__snapshots__/wordBreak.test.js.snap
@@ -18,5 +18,16 @@ exports[`should test the 'wordBreak' plugin 1`] = `
 .break-keep {
   word-break: keep-all;
 }
+
+.break-anywhere {
+  word-break: break-word;
+}
+
+@supports (overflow-wrap: anywhere) {
+  .break-anywhere {
+    overflow-wrap: anywhere;
+    word-break: normal;
+  }
+}
 "
 `;