Add break-anywhere utility (#12127)

Author: serkodev

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',
+        },
+      },
     })
   },
 

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;
+    }
+  }
 `)