Skip to content

Commit 772c997

Browse files
committed
add more clarity to docs
1 parent 5fca754 commit 772c997

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -120,9 +120,12 @@ Watch out for mixing arbitrary properties which could be expressed as Tailwind c
120120
twMerge('[&:nth-child(3)]:py-0 [&:nth-child(3)]:py-4') // → '[&:nth-child(3)]:py-4'
121121
twMerge('dark:hover:[&:nth-child(3)]:py-0 hover:dark:[&:nth-child(3)]:py-4')
122122
// → 'hover:dark:[&:nth-child(3)]:py-4'
123+
124+
// Don't do this!
125+
twMerge('[&:focus]:ring focus:ring-4') // → '[&:focus]:ring focus:ring-4'
123126
```
124127

125-
Similarly to arbitrary properties, tailwind-merge does not resolve conflicts between arbitrary variants and their matching predefined modifiers, like `[&:focus]:ring` and `focus:ring`.
128+
Similarly to arbitrary properties, tailwind-merge does not resolve conflicts between arbitrary variants and their matching predefined modifiers for bundle size reasons.
126129

127130
### Supports important modifier
128131

0 commit comments

Comments
 (0)