From fabdee54812cf55da9973cd186dd7b087e2b6150 Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Tue, 3 Oct 2017 19:02:21 -0400
Subject: [PATCH] Add appearance utilities.

---
 src/generators/appearance.js | 7 +++++++
 src/lib/generateUtilities.js | 2 ++
 2 files changed, 9 insertions(+)
 create mode 100644 src/generators/appearance.js

diff --git a/src/generators/appearance.js b/src/generators/appearance.js
new file mode 100644
index 000000000..2ed4a3be4
--- /dev/null
+++ b/src/generators/appearance.js
@@ -0,0 +1,7 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'appearance-none': { 'appearance': 'none' },
+  })
+}
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index 50310fea0..76f6579a6 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -1,4 +1,5 @@
 import _ from 'lodash'
+import appearance from '../generators/appearance'
 import backgroundColors from '../generators/backgroundColors'
 import backgroundSize from '../generators/backgroundSize'
 import borderColors from '../generators/borderColors'
@@ -36,6 +37,7 @@ export default function(options) {
     css.walkAtRules('tailwind-utilities', atRule => {
       if (atRule.params === 'all') {
         const utilities = _.flatten([
+          appearance(options),
           textSizes(options),
           textWeights(options),
           textFonts(options),