mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-27 08:02:01 +00:00
Better explanation for using tailwind with postcss-import
Manual cherry-pick ad44fae29f
This commit is contained in:
parent
7b7f3a104e
commit
4f6cd949a1
@ -4,6 +4,12 @@
|
|||||||
*
|
*
|
||||||
* You can see the styles here:
|
* You can see the styles here:
|
||||||
* https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
|
* 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
|
||||||
*/
|
*/
|
||||||
@tailwind preflight;
|
@tailwind preflight;
|
||||||
|
|
||||||
@ -17,7 +23,7 @@
|
|||||||
* .btn { ... }
|
* .btn { ... }
|
||||||
* .form-input { ... }
|
* .form-input { ... }
|
||||||
*
|
*
|
||||||
* Or if using a preprocessor:
|
* Or if using a preprocessor or `postcss-import`:
|
||||||
*
|
*
|
||||||
* @import "components/buttons";
|
* @import "components/buttons";
|
||||||
* @import "components/forms";
|
* @import "components/forms";
|
||||||
@ -26,6 +32,12 @@
|
|||||||
/**
|
/**
|
||||||
* This injects all of Tailwind's utility classes, generated based on your
|
* This injects all of Tailwind's utility classes, generated based on your
|
||||||
* config file.
|
* 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
|
||||||
*/
|
*/
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
@ -38,8 +50,8 @@
|
|||||||
* .bg-pattern-graph-paper { ... }
|
* .bg-pattern-graph-paper { ... }
|
||||||
* .skew-45 { ... }
|
* .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";
|
* @import "utilities/skew-transforms";
|
||||||
*/
|
*/
|
Loading…
Reference in New Issue
Block a user