Add "no-outline" utility

Author: reinink

__tests__/fixtures/tailwind-output.css

@@ -3191,6 +3191,10 @@ button,
   opacity: 1;
 }
 
+.no-outline {
+  outline: none;
+}
+
 .overflow-auto {
   overflow: auto;
 }

defaultConfig.stub.js

@@ -862,6 +862,7 @@ module.exports = {
     minWidth: ['responsive'],
     negativeMargin: ['responsive'],
     opacity: ['responsive'],
+    outline: [],
     overflow: ['responsive'],
     padding: ['responsive'],
     pointerEvents: ['responsive'],

src/generators/outline.js

@@ -0,0 +1,7 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'no-outline': { outline: 'none' },
+  })
+}

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 },