diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js index 432cd4c9f..5a9ae5abf 100644 --- a/src/defaultPlugins.js +++ b/src/defaultPlugins.js @@ -1,3 +1,4 @@ +import pointerEvents from './plugins/pointerEvents' import position from './plugins/position' import resize from './plugins/resize' import shadows from './plugins/shadows' @@ -17,6 +18,7 @@ import width from './plugins/width' import zIndex from './plugins/zIndex' export default [ + pointerEvents(), position(), resize(), shadows(), diff --git a/src/generators/pointerEvents.js b/src/generators/pointerEvents.js deleted file mode 100644 index b8ef3ff80..000000000 --- a/src/generators/pointerEvents.js +++ /dev/null @@ -1,8 +0,0 @@ -import defineClasses from '../util/defineClasses' - -export default function() { - return defineClasses({ - 'pointer-events-none': { 'pointer-events': 'none' }, - 'pointer-events-auto': { 'pointer-events': 'auto' }, - }) -} diff --git a/src/plugins/pointerEvents.js b/src/plugins/pointerEvents.js new file mode 100644 index 000000000..eb5daaaff --- /dev/null +++ b/src/plugins/pointerEvents.js @@ -0,0 +1,8 @@ +export default function () { + return function ({ addUtilities, config }) { + addUtilities({ + '.pointer-events-none': { 'pointer-events': 'none' }, + '.pointer-events-auto': { 'pointer-events': 'auto' }, + }, config('modules.pointerEvents')) + } +} diff --git a/src/utilityModules.js b/src/utilityModules.js index d413dc659..b9fec04b8 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -30,7 +30,6 @@ import opacity from './generators/opacity' import outline from './generators/outline' import overflow from './generators/overflow' import padding from './generators/padding' -import pointerEvents from './generators/pointerEvents' export default [ { name: 'lists', generator: lists }, @@ -65,5 +64,4 @@ export default [ { name: 'outline', generator: outline }, { name: 'overflow', generator: overflow }, { name: 'padding', generator: padding }, - { name: 'pointerEvents', generator: pointerEvents }, ]