You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+7-7
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
### What
2
2
3
-
Tailwind CSS plugin
3
+
[Tailwind CSS](https://tailwindcss.com/) plugin
4
4
5
5
### Why
6
6
@@ -11,7 +11,7 @@ To avoid style conflicts (CSS collisions/interference side effects) when using T
11
11
This plugin is limiting the scope of [Tailwind's opinionated preflight styles](https://tailwindcss.com/docs/preflight) to the customizable CSS selector.
12
12
So you can control where exactly in DOM to apply these base styles - usually it's your own components (not the 3rd party).
13
13
14
-
## V3 is here 🎉
14
+
## Version 3 is here 🎉
15
15
16
16
[Migrate from v2](#from-v2) | [Migrate from v1](#from-v1)
17
17
@@ -25,12 +25,12 @@ Starting from version 3 it provides a powerful configuration to (optionally):
25
25
26
26
For ease of use, there are 3 pre-bundled isolation strategies available (as named imports) that cover 99% cases:
27
27
28
-
-`isolateInsideOfContainer` - everything is protected from preflight, except specified Tailwind root(s).
28
+
-`isolateInsideOfContainer` - everything is protected from the preflight styles, except specified Tailwind root(s).
29
29
Use it when you have all the tailwind-powered stuff **isolated under some root container**.
30
-
-`isolateOutsideOfContainer` - protects specific root(s) from preflight - Tailwind is everywhere outside.
31
-
Use it when you have tailwind everywhere as usual, but you want to **exclude some part of the DOM** from preflight styles.
32
-
-`isolateForComponents` - everything is protected from preflight, except components marked with specified selector.
33
-
Use it when you want preflight styles to be applied **only to particular elements**immediately (without extra roots or wrappers).
30
+
-`isolateOutsideOfContainer` - protects specific root(s) from the preflight styles - Tailwind is everywhere outside.
31
+
Use it when you have Tailwind powered stuff everywhere as usual, but you want to **exclude some part of the DOM** from being affected by the preflight styles.
32
+
-`isolateForComponents` - everything is protected from the preflight styles, except components marked with the selector of your choice.
33
+
Use it when you want the preflight styles to be applied only to particular elements**immediately** (without extra roots or wrappers).
34
34
Good for components - just specify some unique css class for all your components and use them anywhere.
35
35
36
36
> Although all the strategies allow you to specify a number of selectors - it's recommended to use one short selector to avoid CSS bloat as selectors repeat many times in the generated CSS.
0 commit comments