Add box-decoration-break utilities (#3911)

src/corePluginList.js

@@ -23,6 +23,7 @@ export const corePluginList = [
   'borderRadius',
   'borderStyle',
   'borderWidth',
+  'boxDecorationBreak',
   'boxSizing',
   'cursor',
   'display',

src/plugins/boxDecorationBreak.js

@@ -0,0 +1,15 @@
+export default function () {
+  return function ({ addUtilities, variants }) {
+    addUtilities(
+      {
+        '.decoration-slice': {
+          'box-decoration-break': 'slice',
+        },
+        '.decoration-clone': {
+          'box-decoration-break': 'clone',
+        },
+      },
+      variants('boxDecorationBreak')
+    )
+  }
+}

src/plugins/index.js

@@ -18,6 +18,7 @@ export { default as borderOpacity } from './borderOpacity'
 export { default as borderRadius } from './borderRadius'
 export { default as borderStyle } from './borderStyle'
 export { default as borderWidth } from './borderWidth'
+export { default as boxDecorationBreak } from './boxDecorationBreak'
 export { default as boxShadow } from './boxShadow'
 export { default as boxSizing } from './boxSizing'
 export { default as clear } from './clear'