Skip to content

Commit e8740cc

Browse files
ci: apply automated fixes
1 parent ff0f6e0 commit e8740cc

File tree

1 file changed

+8
-16
lines changed

1 file changed

+8
-16
lines changed

docs/start/framework/solid/tailwind-integration.md

Lines changed: 8 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
id: tailwind-integration
3-
title: Tailwind CSS Integration
2+
id: tailwind-integration
3+
title: Tailwind CSS Integration
44
---
55

66
_So you want to use Tailwind CSS in your TanStack Start project?_
@@ -38,13 +38,13 @@ export default defineConfig({
3838
})
3939
```
4040

41-
### Import Tailwind in your CSS file
41+
### Import Tailwind in your CSS file
4242

4343
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.
4444

4545
```css
4646
/* src/styles/app.css */
47-
@import "tailwindcss";
47+
@import 'tailwindcss';
4848
```
4949

5050
## Import the CSS file in your `__root.tsx` file
@@ -63,9 +63,7 @@ export const Route = createRootRoute({
6363
meta: [
6464
// your meta tags and site config
6565
],
66-
links: [
67-
{ rel: 'stylesheet', href: appCss },
68-
]
66+
links: [{ rel: 'stylesheet', href: appCss }],
6967
// other head config
7068
}),
7169
component: RootComponent,
@@ -85,11 +83,7 @@ export const Route = createFileRoute('/')({
8583
})
8684

8785
function Home() {
88-
return (
89-
<div className="bg-red-500 text-white p-4">
90-
Hello World
91-
</div>
92-
)
86+
return <div className="bg-red-500 text-white p-4">Hello World</div>
9387
}
9488
```
9589

@@ -121,9 +115,7 @@ Add the paths to all of your template files in the `tailwind.config.js` file.
121115
// tailwind.config.js
122116
/** @type {import('tailwindcss').Config} */
123117
export default {
124-
content: [
125-
"./src/**/*.{js,ts,jsx,tsx}",
126-
],
118+
content: ['./src/**/*.{js,ts,jsx,tsx}'],
127119
theme: {
128120
extend: {},
129121
},
@@ -143,4 +135,4 @@ Add the `@tailwind` directives for each of Tailwind's layers to your `src/styles
143135
```
144136

145137
> [!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

Comments
 (0)