Skip to content

Commit 104e712

Browse files
committed
Document lang=postcss for Svelte
1 parent 1fe48b1 commit 104e712

File tree

1 file changed

+16
-4
lines changed

1 file changed

+16
-4
lines changed

src/pages/docs/guides/sveltekit.js

+16-4
Original file line numberDiff line numberDiff line change
@@ -130,13 +130,25 @@ let steps = [
130130
},
131131
{
132132
title: 'Start using Tailwind in your project',
133-
body: () => <p>Start using Tailwind’s utility classes to style your content.</p>,
133+
body: () => (
134+
<p>
135+
Start using Tailwind’s utility classes to style your content, making sure to set{' '}
136+
<code>lang="postcss"</code> for any <code>&lt;style&gt;</code> blocks that need to be
137+
processed by Tailwind.
138+
</p>
139+
),
134140
code: {
135141
name: '+page.svelte',
136142
lang: 'html',
137-
code: `<h1 class="text-3xl font-bold underline">
138-
Hello world!
139-
</h1>`,
143+
code: `> <h1 class="text-3xl font-bold underline">
144+
Hello world!
145+
</h1>
146+
147+
> <style lang="postcss">
148+
:global(html) {
149+
background-color: theme(colors.gray.100);
150+
}
151+
</style>`,
140152
},
141153
},
142154
]

0 commit comments

Comments
 (0)