Mention postcss-import caveats in installation docs

This commit is contained in:
Adam Wathan 2017-11-13 13:30:53 -05:00
parent d6d594d4f2
commit 4cf2cfa649

View File

@ -62,6 +62,12 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
*
* You can see the styles here:
* https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
*
* Note: If using `postcss-import`, place this line in it's own file:
*
* @@import "./tailwind-preflight.css";
*
* See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
*/
@@tailwind preflight;
@ -75,7 +81,7 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
* .btn { ... }
* .form-input { ... }
*
* Or if using a preprocessor:
* Or if using a preprocessor or `postcss-import`:
*
* @@import "components/buttons";
* @@import "components/forms";
@ -84,6 +90,12 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
/**
* This injects all of Tailwind's utility classes, generated based on your
* config file.
*
* Note: If using `postcss-import`, place this line in it's own file:
*
* @@import "./tailwind-utilities.css";
*
* See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
*/
@@tailwind utilities;
@ -96,7 +108,7 @@ To avoid specificity issues, we highly recommend structuring your main styleshee
* .bg-pattern-graph-paper { ... }
* .skew-45 { ... }
*
* Or if using a preprocessor..
* Or if using a preprocessor or `postcss-import`:
*
* @@import "utilities/background-patterns";
* @@import "utilities/skew-transforms";