mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Mention postcss-import caveats in installation docs
This commit is contained in:
parent
d6d594d4f2
commit
4cf2cfa649
@ -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";
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user