Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: update Tailwind link #3554

Merged
merged 3 commits into from
Jun 23, 2023
Merged

docs: update Tailwind link #3554

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7cb4a8b
update Tailwind link
ElianCodes Jun 22, 2023
39d8c27
make a new Tailwind h3
sarah11918 Jun 23, 2023
1e792bc
Update src/content/docs/en/guides/styling.mdx
ElianCodes Jun 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 16 additions & 3 deletions src/content/docs/en/guides/styling.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -429,9 +429,22 @@ import "../components/make-it-purple.css"

## CSS Integrations

Astro comes with support for adding popular CSS libraries, tools and frameworks to your project like [Tailwind][tailwind] and more!
Astro comes with support for adding popular CSS libraries, tools and frameworks to your project like Tailwind and more!
ElianCodes marked this conversation as resolved.
Show resolved Hide resolved

📚 See the [Integrations Guide](/en/guides/integrations-guide/) for instructions on installing, importing and configuring these integrations.
### Tailwind

To use Taiwind in your project, install the offical [Astro Tailwind integration][tailwind] using the `astro add` command for your package manager:

```sh
# Using NPM
npx astro add tailwind
# Using Yarn
yarn astro add tailwind
# Using PNPM
pnpm astro add tailwind
ElianCodes marked this conversation as resolved.
Show resolved Hide resolved
```

📚 See the [Integrations Guide](/en/guides/integrations-guide/) for instructions on installing, importing and configuring Astro integrations.


## CSS Preprocessors
Expand Down Expand Up @@ -585,7 +598,7 @@ See [Vite's docs](https://vitejs.dev/guide/assets.html#importing-asset-as-url) f
[sass]: https://sass-lang.com/
[stylus]: https://stylus-lang.com/
[svelte-style]: https://svelte.dev/docs#component-format-style
[tailwind]: https://github.com/withastro/astro/tree/main/packages/integrations/tailwind
[tailwind]: /en/guides/integrations-guide/tailwind/
[vite-preprocessors]: https://vitejs.dev/guide/features.html#css-pre-processors
[vue-css-modules]: https://vue-loader.vuejs.org/guide/css-modules.html
[vue-scoped]: https://vue-loader.vuejs.org/guide/scoped-css.html