@@ -62,6 +62,12 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
6262 *
6363 * You can see the styles here:
6464 * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
65+ *
66+ * Note: If using `postcss-import`, place this line in it's own file:
67+ *
68+ * @@import "./tailwind-preflight.css";
69+ *
70+ * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
6571 */
6672@@tailwind preflight;
6773
@@ -75,7 +81,7 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
7581 * .btn { ... }
7682 * .form-input { ... }
7783 *
78- * Or if using a preprocessor:
84+ * Or if using a preprocessor or `postcss-import` :
7985 *
8086 * @@import "components/buttons";
8187 * @@import "components/forms";
@@ -84,6 +90,12 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
8490/* *
8591 * This injects all of Tailwind's utility classes, generated based on your
8692 * config file.
93+ *
94+ * Note: If using `postcss-import`, place this line in it's own file:
95+ *
96+ * @@import "./tailwind-utilities.css";
97+ *
98+ * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
8799 */
88100@@tailwind utilities;
89101
@@ -96,7 +108,7 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
96108 * .bg-pattern-graph-paper { ... }
97109 * .skew-45 { ... }
98110 *
99- * Or if using a preprocessor..
111+ * Or if using a preprocessor or `postcss-import`:
100112 *
101113 * @@import "utilities/background-patterns";
102114 * @@import "utilities/skew-transforms";
0 commit comments