Revert back to Tailwind's default CSS file setup to make following the docs easier for users

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..
+ * Or if using a preprocessor or `postcss-import`:
- * 
+ *
- * @import "utilities/backgrond-patterns";
+ * @import "utilities/background-patterns";
  * @import "utilities/skew-transforms";
  */

src/tailwind/preflight.css

@@ -1 +0,0 @@
-@tailwind preflight;

src/tailwind/utilities.css

@@ -1 +0,0 @@
-@tailwind utilities;