Skip to content

Commit b886264

Browse files
committed
Tweak postcss-import docs
1 parent e95f42b commit b886264

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/pages/docs/using-with-preprocessors.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,9 @@ The place you are most likely to run into this situation is in your main CSS fil
107107
@import "./custom-utilities.css";
108108
```
109109

110-
You can solve this by putting your `@tailwind` declarations each in their own file. To make this easy, we provide separate files for each `@tailwind` declaration with the framework itself that you can import directly from `node_modules`.
110+
You can solve this by creating separate files for each `@tailwind` declaration, and then importing those files in your main stylesheet. To make this easy, we provide separate files for each `@tailwind` declaration out of the box that you can import directly from `node_modules`.
111+
112+
The `postcss-import` plugin is smart enough to look for files in the `node_modules` folder automatically, so you don't need to provide the entire path — `"tailwindcss/base"` for example is enough.
111113

112114
<TipGood>Import our provided CSS files</TipGood>
113115

@@ -122,8 +124,6 @@ You can solve this by putting your `@tailwind` declarations each in their own fi
122124
@import "./custom-utilities.css";
123125
```
124126

125-
`postcss-import` is smart enough to look for files in the `node_modules` folder automatically, so you don't need to provide the entire path — `"tailwindcss/base"` for example is enough.
126-
127127
### Nesting
128128

129129
To add support for nested declarations, you have two options:

0 commit comments

Comments
 (0)