docs(theme): improve @source section

This commit is contained in:
Benjamin Canac
2025-02-18 12:55:54 +01:00
parent d29a6cba0e
commit 572e567528

View File

@@ -80,7 +80,7 @@ Learn more about customizing your theme in the theme variables documentation.
You can use the [`@source` directive](https://tailwindcss.com/docs/functions-and-directives#source-directive) to explicitly specify source files that aren't picked up by Tailwind's automatic content detection:
This can be useful when writing Tailwind classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example:
This can be useful when writing Tailwind CSS classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example:
::module-only
#ui
@@ -90,7 +90,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/
@import "tailwindcss";
@import "@nuxt/ui";
@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */
@source "../../content";
/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */
@source "../../../content";
```
:::
@@ -102,7 +104,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/
@import "tailwindcss";
@import "@nuxt/ui-pro";
@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */
@source "../../content";
/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */
@source "../../../content";
```
:::