From a3ea5786695d7b7ff9b77d5c27434f47e0ee65f7 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 9 Jan 2019 14:05:00 -0500
Subject: [PATCH] Port outline module to plugin

---
 src/defaultPlugins.js     | 2 ++
 src/generators/outline.js | 7 -------
 src/plugins/outline.js    | 7 +++++++
 src/utilityModules.js     | 2 --
 4 files changed, 9 insertions(+), 9 deletions(-)
 delete mode 100644 src/generators/outline.js
 create mode 100644 src/plugins/outline.js

diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index 7bc0c87bc..446be0981 100644
--- a/src/defaultPlugins.js
+++ b/src/defaultPlugins.js
@@ -1,3 +1,4 @@
+import outline from './plugins/outline'
 import overflow from './plugins/overflow'
 import padding from './plugins/padding'
 import pointerEvents from './plugins/pointerEvents'
@@ -20,6 +21,7 @@ import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  outline(),
   overflow(),
   padding(),
   pointerEvents(),
diff --git a/src/generators/outline.js b/src/generators/outline.js
deleted file mode 100644
index 328c58a7f..000000000
--- a/src/generators/outline.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'outline-none': { outline: '0' },
-  })
-}
diff --git a/src/plugins/outline.js b/src/plugins/outline.js
new file mode 100644
index 000000000..79616768f
--- /dev/null
+++ b/src/plugins/outline.js
@@ -0,0 +1,7 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.outline-none': { outline: '0' },
+    }, config('modules.outline'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index c8730d510..d448a6cc9 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -27,7 +27,6 @@ import negativeMargin from './generators/negativeMargin'
 import objectFit from './generators/objectFit'
 import objectPosition from './generators/objectPosition'
 import opacity from './generators/opacity'
-import outline from './generators/outline'
 
 export default [
   { name: 'lists', generator: lists },
@@ -59,5 +58,4 @@ export default [
   { name: 'objectFit', generator: objectFit },
   { name: 'objectPosition', generator: objectPosition },
   { name: 'opacity', generator: opacity },
-  { name: 'outline', generator: outline },
 ]