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
Tailwind merge remove the leading classes if it is applied in the middle of the class. It is only working if I apply it on the end.
To Reproduce
Not working
className='text-[1.5rem]! leading-[1.75rem]! md:text-2xl lg:text-[1.625rem] xl:leading-[2.188rem]! xl:text-3xl! max-w-3xl! text-primary-headingDark80!'
Working
className='text-[1.5rem]! leading-[1.75rem]! md:text-2xl lg:text-[1.625rem] xl:text-3xl! max-w-3xl! text-primary-headingDark80! xl:leading-[2.188rem]!'
Expected behavior
Leading class should be applied but it keeps getting removed
Environment
Tailwindcss v4.1.4
tailwind merge v3.2.0
The text was updated successfully, but these errors were encountered:
Just tested it out in https://codesandbox.io/p/sandbox/spjzgc and the only class that gets removed is xl:leading-[2.188rem]!. Are you sure that the problem doesn't come from a different part of your codebase?
Describe the bug
Tailwind merge remove the leading classes if it is applied in the middle of the class. It is only working if I apply it on the end.
To Reproduce
Not working
className='text-[1.5rem]! leading-[1.75rem]! md:text-2xl lg:text-[1.625rem] xl:leading-[2.188rem]! xl:text-3xl! max-w-3xl! text-primary-headingDark80!'
Working
className='text-[1.5rem]! leading-[1.75rem]! md:text-2xl lg:text-[1.625rem] xl:text-3xl! max-w-3xl! text-primary-headingDark80! xl:leading-[2.188rem]!'
Expected behavior
Leading class should be applied but it keeps getting removed
Environment
Tailwindcss v4.1.4
tailwind merge v3.2.0
The text was updated successfully, but these errors were encountered: