From 228b53cdee2c339c11e72ee4363d57b33b0e9d01 Mon Sep 17 00:00:00 2001
From: Taylor Bryant <taylor@bryant.io>
Date: Mon, 20 Nov 2017 19:27:40 -0600
Subject: [PATCH] Revert back to Tailwind's default CSS file setup to make
 following the docs easier for users

---
 src/style.css              | 28 ++++++++++++++++++++--------
 src/tailwind/preflight.css |  1 -
 src/tailwind/utilities.css |  1 -
 3 files changed, 20 insertions(+), 10 deletions(-)
 delete mode 100644 src/tailwind/preflight.css
 delete mode 100644 src/tailwind/utilities.css

diff --git a/src/style.css b/src/style.css
index c5c4f7d..90a4538 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,8 +4,14 @@
  *
  * You can see the styles here:
  * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
+ *
+ * If using `postcss-import`, you should import this line from it's own file:
+ * 
+ * @import "./tailwind-preflight.css";
+ *
+ * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
  */
-@import "tailwind/preflight";
+@tailwind preflight;
 
 /**
  * Here you would add any of your custom component classes; stuff that you'd
@@ -13,12 +19,12 @@
  * override them.
  *
  * Example:
- * 
+ *
  * .btn { ... }
  * .form-input { ... }
  *
- * Or if using a preprocessor:
- * 
+ * Or if using a preprocessor or `postcss-import`:
+ *
  * @import "components/buttons";
  * @import "components/forms";
  */
@@ -26,8 +32,14 @@
 /**
  * This injects all of Tailwind's utility classes, generated based on your
  * config file.
+ *
+ * If using `postcss-import`, you should import this line from it's own file:
+ * 
+ * @import "./tailwind-utilities.css";
+ *
+ * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
  */
-@import "tailwind/utilities";
+@tailwind utilities;
 
 /**
  * Here you would add any custom utilities you need that don't come out of the
@@ -38,8 +50,8 @@
  * .bg-pattern-graph-paper { ... }
  * .skew-45 { ... }
  *
- * Or if using a preprocessor..
- * 
- * @import "utilities/backgrond-patterns";
+ * Or if using a preprocessor or `postcss-import`:
+ *
+ * @import "utilities/background-patterns";
  * @import "utilities/skew-transforms";
  */
diff --git a/src/tailwind/preflight.css b/src/tailwind/preflight.css
deleted file mode 100644
index f58c35e..0000000
--- a/src/tailwind/preflight.css
+++ /dev/null
@@ -1 +0,0 @@
-@tailwind preflight;
diff --git a/src/tailwind/utilities.css b/src/tailwind/utilities.css
deleted file mode 100644
index 3db5b69..0000000
--- a/src/tailwind/utilities.css
+++ /dev/null
@@ -1 +0,0 @@
-@tailwind utilities;
\ No newline at end of file