diff --git a/src/corePlugins.js b/src/corePlugins.js index f1211ba36..b0a696769 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -3,6 +3,7 @@ import container from './plugins/container' import space from './plugins/space' import divideWidth from './plugins/divideWidth' import divideColor from './plugins/divideColor' +import divideStyle from './plugins/divideStyle' import accessibility from './plugins/accessibility' import appearance from './plugins/appearance' import backgroundAttachment from './plugins/backgroundAttachment' @@ -107,6 +108,7 @@ export default function({ corePlugins: corePluginConfig }) { space, divideWidth, divideColor, + divideStyle, divideOpacity, accessibility, appearance, diff --git a/src/plugins/divideStyle.js b/src/plugins/divideStyle.js new file mode 100644 index 000000000..0a07068cd --- /dev/null +++ b/src/plugins/divideStyle.js @@ -0,0 +1,24 @@ +export default function() { + return function({ addUtilities, variants }) { + addUtilities( + { + '.divide-solid > :not(template) ~ :not(template)': { + 'border-style': 'solid', + }, + '.divide-dashed > :not(template) ~ :not(template)': { + 'border-style': 'dashed', + }, + '.divide-dotted > :not(template) ~ :not(template)': { + 'border-style': 'dotted', + }, + '.divide-double > :not(template) ~ :not(template)': { + 'border-style': 'double', + }, + '.divide-none > :not(template) ~ :not(template)': { + 'border-style': 'none', + }, + }, + variants('divideStyle') + ) + } +} \ No newline at end of file