You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/start/framework/react/tailwind-integration.md
+8-16Lines changed: 8 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
-
id: tailwind-integration
3
-
title: Tailwind CSS Integration
2
+
id: tailwind-integration
3
+
title: Tailwind CSS Integration
4
4
---
5
5
6
6
_So you want to use Tailwind CSS in your TanStack Start project?_
@@ -38,13 +38,13 @@ export default defineConfig({
38
38
})
39
39
```
40
40
41
-
### Import Tailwind in your CSS file
41
+
### Import Tailwind in your CSS file
42
42
43
43
You need to create a CSS file to configure Tailwind CSS instead of the configuration file in version 4. You can do this by creating a `src/styles/app.css` file or name it whatever you want.
@@ -121,9 +115,7 @@ Add the paths to all of your template files in the `tailwind.config.js` file.
121
115
// tailwind.config.js
122
116
/**@type{import('tailwindcss').Config}*/
123
117
exportdefault {
124
-
content: [
125
-
"./src/**/*.{js,ts,jsx,tsx}",
126
-
],
118
+
content: ['./src/**/*.{js,ts,jsx,tsx}'],
127
119
theme: {
128
120
extend: {},
129
121
},
@@ -143,4 +135,4 @@ Add the `@tailwind` directives for each of Tailwind's layers to your `src/styles
143
135
```
144
136
145
137
> [!NOTE]
146
-
> Jump to [Import the CSS file in your `__root.tsx` file](#import-the-css-file-in-your-__roottsx-file) to see how to import the CSS file in your `__root.tsx` file.
138
+
> Jump to [Import the CSS file in your `__root.tsx` file](#import-the-css-file-in-your-__roottsx-file) to see how to import the CSS file in your `__root.tsx` file.
0 commit comments