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
# Optimize Tailwindcss V3 selectors for `space-*` and `divide-*` classes
2
+
3
+
> PostCSS plugin that optimizes the selectors & corresponding attributes for Tailwind CSS v3's `.space-*` and `.divide-*` utility classes
4
+
5
+
For Use TailwindCSS V3
6
+
> [!IMPORTANT] This plugin is intended for use with Tailwind CSS v3 as the problem this plugin solves is [already solved in v4](https://github.com/tailwindlabs/tailwindcss/pull/13459)
7
+
8
+
## Why?
9
+
10
+
In tailwindcss v3, the selector used for [`space-*`](https://v3.tailwindcss.com/docs/space) and [`divide-*`](https://v3.tailwindcss.com/docs/divide-width) utility classes was a relatively complex and slow selector used to accommodate hidden elements.
This slow selector can result in slow element render delays which then degrade page performance and FCP metrics for a page. TailwindCss v4 introduced a significantly faster selector that doesn't accommodate for hidden elements.
0 commit comments