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-1
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
# <center>Tailwind CSS + UI libraries = no conflicts 🚀</center>
1
+
# Tailwind CSS + UI libraries = no conflicts 🚀
2
2
3
3
### What
4
4
@@ -13,6 +13,8 @@ To avoid style conflicts (CSS collisions/interference side effects) when using T
13
13
This plugin is limiting the scope of [Tailwind's opinionated preflight styles](https://tailwindcss.com/docs/preflight) to the customizable CSS selector.
14
14
So you can control where exactly in DOM to apply these base styles - usually it's your own components (not the 3rd party).
15
15
16
+
> ❤️ If you'd like to say thanks, visit my tiny [support website](https://tailwindcss-scoped-preflight-plugin.vercel.app/)
17
+
16
18
## Version 3 is here 🎉
17
19
18
20
[Migrate from v2](#from-v2) | [Migrate from v1](#from-v1)
@@ -25,6 +27,7 @@ Starting from version 3 it provides a powerful configuration to (optionally):
25
27
- 💨 flexibly remove any preflight styles;
26
28
- 🔎 or even [modify particular values](#modifying-the-preflight-styles) of the Tailwind preflight styles (if you have some very specific conflicts).
27
29
30
+
## Strategies overview
28
31
For ease of use, there are 3 pre-bundled isolation strategies available (as named exports) that cover 99% cases:
[<imgsrc="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"alt="Buy Me A Coffee"width="217"height="60">](https://www.buymeacoffee.com/romanjs)
0 commit comments