Add break-anywhere utility (#12127)

tailwindlabs · Oct 3, 2023 · fba49ce · fba49ce
1 parent 82e0ace
commit fba49ce
Show file tree

Hide file tree

Showing 2 changed files with 16 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/wordBreak.test.js b/tests/plugins/wordBreak.test.js
@@ -14,4 +14,13 @@ quickPluginTest('wordBreak').toMatchFormattedCss(css`
   .break-keep {
     word-break: keep-all;
   }
+  .break-anywhere {
+    word-break: break-word;
+  }
+  @supports (overflow-wrap: anywhere) {
+    .break-anywhere {
+      overflow-wrap: anywhere;
+      word-break: normal;
+    }
+  }
 `)