Skip to content

Commit

Permalink
chore: format
Browse files Browse the repository at this point in the history
  • Loading branch information
remix-run-bot committed Jan 25, 2023
1 parent dcb1987 commit 9ee3d86
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions docs/guides/styling.md
Original file line number Diff line number Diff line change
Expand Up @@ -469,7 +469,7 @@ export const links: LinksFunction = () => [

With this setup in place, you can also use [Tailwind's functions and directives][tailwind-functions-and-directives] anywhere in your CSS.

Note that if you're also using Remix's [built-in PostCSS support](#built-in-postcss-support), the Tailwind PostCSS plugin will be automatically included if it's missing, but you can also choose to manually include the Tailwind plugin in your PostCSS config instead if you'd prefer.
Note that if you're also using Remix's [built-in PostCSS support][built-in-post-css-support], the Tailwind PostCSS plugin will be automatically included if it's missing, but you can also choose to manually include the Tailwind plugin in your PostCSS config instead if you'd prefer.

### Manual Tailwind Integration

Expand Down Expand Up @@ -638,7 +638,7 @@ When a PostCSS config is detected, Remix will automatically run PostCSS across a
};
```

If you're using [Vanilla Extract](#vanilla-extract), since it's already playing the role of CSS preprocessor, you may want to apply a different set of PostCSS plugins relative to other styles. To support this, you can export a function from `postcss.config.js` which is given a context object that lets you know when Remix is processing a Vanilla Extract file.
If you're using [Vanilla Extract][vanilla-extract-2], since it's already playing the role of CSS preprocessor, you may want to apply a different set of PostCSS plugins relative to other styles. To support this, you can export a function from `postcss.config.js` which is given a context object that lets you know when Remix is processing a Vanilla Extract file.

```js filename=postcss.config.js
module.exports = (ctx) => {
Expand Down Expand Up @@ -1080,3 +1080,5 @@ module.exports = {
[css-bundling]: #css-bundling
[vanilla-extract]: https://vanilla-extract.style
[sprinkles]: https://vanilla-extract.style/documentation/packages/sprinkles
[built-in-post-css-support]: #built-in-postcss-support
[vanilla-extract-2]: #vanilla-extract

0 comments on commit 9ee3d86

Please sign in to comment.