From 38962a5e77cd4e715682e307c6625102f7b35d20 Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Thu, 14 Jun 2018 14:12:53 -0400
Subject: [PATCH] Add "no-outline" utility

---
 __tests__/fixtures/tailwind-output.css | 4 ++++
 defaultConfig.stub.js                  | 1 +
 src/generators/outline.js              | 7 +++++++
 src/utilityModules.js                  | 2 ++
 4 files changed, 14 insertions(+)
 create mode 100644 src/generators/outline.js

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 9cd0a44f0..4bc325bb5 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3191,6 +3191,10 @@ button,
   opacity: 1;
 }
 
+.no-outline {
+  outline: none;
+}
+
 .overflow-auto {
   overflow: auto;
 }
diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index b2cf9fc6e..749ebcec2 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -862,6 +862,7 @@ module.exports = {
     minWidth: ['responsive'],
     negativeMargin: ['responsive'],
     opacity: ['responsive'],
+    outline: [],
     overflow: ['responsive'],
     padding: ['responsive'],
     pointerEvents: ['responsive'],
diff --git a/src/generators/outline.js b/src/generators/outline.js
new file mode 100644
index 000000000..63a65dab7
--- /dev/null
+++ b/src/generators/outline.js
@@ -0,0 +1,7 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'no-outline': { outline: 'none' },
+  })
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index d22b9a6c4..50346a369 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -24,6 +24,7 @@ import minHeight from './generators/minHeight'
 import minWidth from './generators/minWidth'
 import negativeMargin from './generators/negativeMargin'
 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'
@@ -71,6 +72,7 @@ export default [
   { name: 'minWidth', generator: minWidth },
   { name: 'negativeMargin', generator: negativeMargin },
   { name: 'opacity', generator: opacity },
+  { name: 'outline', generator: outline },
   { name: 'overflow', generator: overflow },
   { name: 'padding', generator: padding },
   { name: 'pointerEvents', generator: pointerEvents },