Skip to content

Commit b8b5150

Browse files
Update Remix Guide (tailwindlabs#1799)
* Update Remix Guide. Different config with Vite * Update guide --------- Co-authored-by: Jordan Pittman <jordan@cryptica.me>
1 parent 4c351d8 commit b8b5150

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

src/pages/docs/guides/remix.js

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@ let steps = [
2222
body: () => (
2323
<p>
2424
Install <code>tailwindcss</code> via npm, and then run the init command to generate a{' '}
25-
<code>tailwind.config.ts</code> file.
25+
<code>tailwind.config.ts</code> and <code>postcss.config.js</code> file.
2626
</p>
2727
),
2828
code: {
2929
name: 'Terminal',
3030
lang: 'terminal',
31-
code: 'npm install -D tailwindcss\nnpx tailwindcss init --ts',
31+
code: 'npm install -D tailwindcss postcss autoprefixer\nnpx tailwindcss init --ts -p',
3232
},
3333
},
3434
{
@@ -77,7 +77,8 @@ let steps = [
7777
code: {
7878
name: 'root.tsx',
7979
lang: 'tsx',
80-
code: `import stylesheet from "~/tailwind.css";
80+
code: `import type { LinksFunction } from "@remix-run/node";
81+
import stylesheet from "~/tailwind.css?url";
8182
8283
export const links: LinksFunction = () => [
8384
{ rel: "stylesheet", href: stylesheet },
@@ -101,7 +102,7 @@ export const links: LinksFunction = () => [
101102
title: 'Start using Tailwind in your project',
102103
body: () => <p>Start using Tailwind’s utility classes to style your content.</p>,
103104
code: {
104-
name: 'index.tsx',
105+
name: '_index.tsx',
105106
lang: 'tsx',
106107
code: ` export default function Index() {
107108
return (

0 commit comments

Comments
 (0)