@@ -27,7 +27,7 @@ Out of the box, tailwind basically provides some global CSS classes and injects
27
27
the associated CSS at build time (via postcss).
28
28
29
29
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
31
31
is why Tailwind will not be much use to us without further setup.
32
32
33
33
## Overview of solution
@@ -84,7 +84,7 @@ class MyElement extends LitElement {
84
84
}
85
85
```
86
86
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
88
88
mixins, and we want to use the resulting classes in our element's ` render `
89
89
method.
90
90
@@ -119,11 +119,9 @@ export default {
119
119
}
120
120
```
121
121
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
127
125
used.
128
126
129
127
In our ` postcss.config.js ` , we simply want to tell postcss to use tailwind
0 commit comments