Used em units for their preferred reactivity #201
Conversation
This also removes the fixed font size of 12px from the body.
No more pixels - only em
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Cool! FWIW, the preview that vercel generated above looks ... odd ... for me:
This screenshot was taken in Firefox, but it looks the same way in Chromium. |
|
Actually the breakage in Chromium looks a little different:
|
this was for the radio thumb element
|
all the bugs have been fixed! they were mostly just me typing 10 instead of 1. :P |
|
actually chromium looks weird 😞 |
|
i found the issue. a lot of the elements are non-repsonsive. |
|
The default scale of stuff did change however, everything seems to be about 25% larger by default now, which leads to the pixelated fonts rendering blurry by default. |
|
the size being ~25% larger is due to no font size being set so it defaults to 16px. I am working on a patch to fix all of the elements using transformX/Y. |
|
Will this be merged? |
|
i've been a bit busy with irl stuff at the moment so haven't had much time to work on this. i do plan on working on it towards the start of august (no promises though). |
Replaces all pixel values with em-relative values. This allows scaling the whole UI very easily. Link: jdan#201
3 participants
Updated all pixel units em. This was as per issue #198.
Huge thanks to @benjamingwynn for his help with this as well.