Skip to content

Commit fe3bc3c

Browse files
committed
chore: update wording
1 parent 81e742c commit fe3bc3c

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

packages/lit-dev-content/site/articles/article/lit-with-tailwind.md

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ Out of the box, tailwind basically provides some global CSS classes and injects
2727
the associated CSS at build time (via postcss).
2828

2929
This conflicts with how web components work, since each web component has its
30-
own natively scoped stylesheet rather than inherting any global styles. This
30+
own natively scoped stylesheet rather than inheriting any global styles. This
3131
is why Tailwind will not be much use to us without further setup.
3232

3333
## Overview of solution
@@ -84,7 +84,7 @@ class MyElement extends LitElement {
8484
}
8585
```
8686

87-
As you can see, we want to our `my-element.css` file to contain tailwind
87+
As you can see, we want our `my-element.css` file to contain tailwind
8888
mixins, and we want to use the resulting classes in our element's `render`
8989
method.
9090

@@ -119,11 +119,9 @@ export default {
119119
}
120120
```
121121

122-
In our case, our sources are TypeScript, so we have the initial `@type` comment
123-
to give us auto-completion for the object's properties.
124-
125-
The rest of this file is straight forward. The important part is `content`,
126-
specifying where our sources are so tailwind can detect which classes we have
122+
Tailwind [configuration](https://tailwindcss.com/docs/configuration) can be
123+
modified to fit your use case. The important part is for `content` to specify
124+
where our component sources are so tailwind can detect which classes we have
127125
used.
128126

129127
In our `postcss.config.js`, we simply want to tell postcss to use tailwind

0 commit comments

Comments
 (0)