Skip to content

Commit 987a3ee

Browse files
authored
Changes @import paths to be consumer-facing (#1948)
Especially fixes the code example for disabling Preflight.
1 parent b9df01c commit 987a3ee

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/docs/preflight.mdx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ When you import `tailwindcss` into your project, Preflight is automatically inje
1111
/* [!code filename:CSS] */
1212
@layer theme, base, components, utilities;
1313

14-
@import "./theme.css" layer(theme);
14+
@import "tailwindcss/theme.css" layer(theme);
1515
/* [!code highlight:2] */
16-
@import "./preflight.css" layer(base);
17-
@import "./utilities.css" layer(utilities);
16+
@import "tailwindcss/preflight.css" layer(base);
17+
@import "tailwindcss/utilities.css" layer(utilities);
1818
```
1919

2020
While most of the styles in Preflight are meant to go unnoticed—they simply make things behave more like you'd expect them to—some are more opinionated and can be surprising when you first encounter them.
@@ -216,9 +216,9 @@ By default, this is what `@import "tailwindcss";` injects:
216216
/* [!code filename:CSS] */
217217
@layer theme, base, components, utilities;
218218

219-
@import "./theme.css" layer(theme);
220-
@import "./preflight.css" layer(base);
221-
@import "./utilities.css" layer(utilities);
219+
@import "tailwindcss/theme.css" layer(theme);
220+
@import "tailwindcss/preflight.css" layer(base);
221+
@import "tailwindcss/utilities.css" layer(utilities);
222222
```
223223

224224
To disable Preflight, simply omit its import while keeping everything else:
@@ -227,7 +227,7 @@ To disable Preflight, simply omit its import while keeping everything else:
227227
/* [!code filename:CSS] */
228228
@layer theme, base, components, utilities;
229229

230-
@import "./theme.css" layer(theme);
231-
@import "./preflight.css" layer(base); /* [!code --] */
232-
@import "./utilities.css" layer(utilities);
230+
@import "tailwindcss/theme.css" layer(theme);
231+
@import "tailwindcss/preflight.css" layer(base); /* [!code --] */
232+
@import "tailwindcss/utilities.css" layer(utilities);
233233
```

0 commit comments

Comments
 (0)