Skip to content

Commit 4cf2cfa

Browse files
committed
Mention postcss-import caveats in installation docs
1 parent d6d594d commit 4cf2cfa

1 file changed

Lines changed: 14 additions & 2 deletions

File tree

docs/source/docs/installation.blade.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)