gluestack

gluestack Logogluestack

Custom font size with color

beng970804 posted this in #support
Open in Discord
Avatar
beng970804OP
I have set a custom font size and it works before i add the color. After i add the color, the font size doest reflect to the one i declare

Working:
<Text className="text-txs">

Working:
<Text className="text-md text-primary-700">

Not Working:
<Text className=" text-txs text-primary-700">

Im using gluestack v2

7 Replies

Avatar
beng970804OP
I believe it's a nativewind issue. Just check a project without gluestack installed, the color also not working on custom font size
Avatar
sravankumar101
hey @beng970804 Could you please provide us the repo where you are testing ? & how did you added the custom font size.
Avatar
beng970804OP
https://github.com/beng970804/GS-V2

@sravankumar101 here's the link
Avatar
sravankumar101
Give us some time @beng970804 we will revert back to you.
Avatar
beng970804OP
thanks so much
Avatar
sravankumar101
hey @beng970804
There is a limitation for naming the custom fontsizes
To fix the issue instead of naming the custom fontsize as dxl name it something like 9xl & access it with something link text-9xl.This should fix your issue.
https://github.com/dcastil/tailwind-merge/blob/v2.5.1/docs/limitations.md
Please refer this for more understanding