From e7bf2bc6155df8a3411d77c09be49e07760639c7 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 9 Jan 2019 13:18:58 -0500 Subject: [PATCH] Port resize module to plugin --- src/defaultPlugins.js | 2 ++ src/generators/resize.js | 10 ---------- src/plugins/resize.js | 10 ++++++++++ src/utilityModules.js | 2 -- 4 files changed, 12 insertions(+), 12 deletions(-) delete mode 100644 src/generators/resize.js create mode 100644 src/plugins/resize.js diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js index 9d74cb31a..e0c68247e 100644 --- a/src/defaultPlugins.js +++ b/src/defaultPlugins.js @@ -1,3 +1,4 @@ +import resize from './plugins/resize' import shadows from './plugins/shadows' import svgFill from './plugins/svgFill' import svgStroke from './plugins/svgStroke' @@ -15,6 +16,7 @@ import width from './plugins/width' import zIndex from './plugins/zIndex' export default [ + resize(), shadows(), svgFill(), svgStroke(), diff --git a/src/generators/resize.js b/src/generators/resize.js deleted file mode 100644 index af19ae292..000000000 --- a/src/generators/resize.js +++ /dev/null @@ -1,10 +0,0 @@ -import defineClasses from '../util/defineClasses' - -export default function() { - return defineClasses({ - 'resize-none': { resize: 'none' }, - 'resize-y': { resize: 'vertical' }, - 'resize-x': { resize: 'horizontal' }, - resize: { resize: 'both' }, - }) -} diff --git a/src/plugins/resize.js b/src/plugins/resize.js new file mode 100644 index 000000000..e92bd8bff --- /dev/null +++ b/src/plugins/resize.js @@ -0,0 +1,10 @@ +export default function () { + return function ({ addUtilities, config }) { + addUtilities({ + '.resize-none': { resize: 'none' }, + '.resize-y': { resize: 'vertical' }, + '.resize-x': { resize: 'horizontal' }, + '.resize': { resize: 'both' }, + }, config('modules.resize')) + } +} diff --git a/src/utilityModules.js b/src/utilityModules.js index 9040612de..476ff1c96 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -32,7 +32,6 @@ import overflow from './generators/overflow' import padding from './generators/padding' import pointerEvents from './generators/pointerEvents' import position from './generators/position' -import resize from './generators/resize' export default [ { name: 'lists', generator: lists }, @@ -69,5 +68,4 @@ export default [ { name: 'padding', generator: padding }, { name: 'pointerEvents', generator: pointerEvents }, { name: 'position', generator: position }, - { name: 'resize', generator: resize }, ]