diff --git a/.changeset/shaggy-guests-type.md b/.changeset/shaggy-guests-type.md new file mode 100644 index 000000000..062ba96be --- /dev/null +++ b/.changeset/shaggy-guests-type.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +fix: Improve Tailwind HMR diff --git a/docs/src/pages/guides/styling.md b/docs/src/pages/guides/styling.md index 98df62b8a..a42d759df 100644 --- a/docs/src/pages/guides/styling.md +++ b/docs/src/pages/guides/styling.md @@ -235,6 +235,14 @@ Now you're ready to write Tailwind! Our recommended approach is to create a `src @tailwind utilities; ``` +Lastly, add it to your Astro page (or layout template): + +```astro +
+ + +``` + As an alternative to `src/styles/global.css`, You may also add Tailwind utilities to individual `pages/*.astro` components in `