chore: use hsl for tailwind and shadcn theming #15453
Conversation
site/tailwind.config.js
Outdated
| @@ -8,7 +8,8 @@ module.exports = { | |||
| important: ["#root", "#storybook-root"], | |||
| theme: { | |||
| fontSize: { | |||
| "2xs": ["0.626rem","0.875rem"], | |||
| "2xs": ["0.626rem", "0.875rem"], | |||
| xs: ["0.75rem", "1rem"], | |||
There was a problem hiding this comment.
"0.75rem", "1rem" is already the Tailwind default for xs so this should not be necessary
There was a problem hiding this comment.
It wasn't working until I added it. Can you test it on your end to double-check?
|
@BrunoQuaresma just to confirm since there is no description. HSL is needed to get the alpha for colors to work correctly? |
My bad 🙏 You are correct! |
|
@BrunoQuaresma I originally made a mistake putting fontSize under theme instead of theme->extend. the former overwrites all the existing fontSize classes. I moved this to extend so it only overrides what is explicitly added in the config. So |
No description provided.