Skip to content

Conversation

@cindmichelle
Copy link
Collaborator

@cindmichelle cindmichelle commented Dec 23, 2025

Close #3018

Description

  • Apply user font size (state.fontSize) to the root element so 1rem reflects the user’s font size setting
  • Adjust existing rem values to respect the user-settings' fontsize
  • Update Checkbox component to use rem units instead of em for sizing
  • Remove user-setting fontsize from AppComponent container Not possible right now since many components inside AppComponent container still rely on em css unit. Removing this would cause them to inherit font-size from <body/> (currently 16px from panda.config.ts). We can revisit after all of the emrem unit migration is complete.

@cindmichelle cindmichelle marked this pull request as draft December 23, 2025 19:08
@cindmichelle cindmichelle force-pushed the convert-em-to-rem branch 2 times, most recently from 6f44a32 to 14e9398 Compare December 24, 2025 21:59
@cindmichelle cindmichelle marked this pull request as ready for review December 27, 2025 14:46
@raineorshine raineorshine self-requested a review December 27, 2025 14:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Migrate em to rem css units

1 participant