Tailwind overrides the reset styles applied by Reshaped on the html element starting from `[email protected]` about reshaped HOT 9 CLOSED

Are you using a custom theme there? You might need to regenerate it again to make sure rems are calculated based on 16px and not 14

from reshaped.

Let me think about it, the change in 3.0.3 was intentional to make sure custom product overrides take priority over the reshaped defaults but I will look into move some of the styles out of the rs.reset layer

from reshaped.

Actually, looking at the changes I have ready for the next patch, I have just moved out the font styles to the body and aligned the html font-size with the default browser one (also used in tailwind). Let me publish these changes and see if this helps in your case too.

I think this is also a good idea to start publishing more canary releases instead of patches.

from reshaped.

You can try it in 3.2.0-canary.0

from reshaped.

Thank you, it’s working correctly now. However, all the text variants appear larger than they were before.

from reshaped.

body-3 is now 16, body-2 ≈ 18, and body-1 ≈ 20 px. I think the body should range from 14-18 and a default of 16 px instead of 14 px is more common

from reshaped.

Yes, I’m using a custom theme. Thanks for pointing that out! I’ve rebuilt it, and everything’s working perfectly now.

from reshaped.

Now, even these tokens/values for each size look more rounded and clean. For example, instead of 4.571428571428571rem, it's now 4rem thanks to the use of 100%. Appreciate the improvements! 😀

from reshaped.

kudos to @randalmaia for opening #299 😅

from reshaped.