Cleaner rem-values, fixed input zoom mobile

[halfmage]

Small updates which enhances the CSS quality

• removed body border-radius
• changed main body font-size to 1rem
• increased headline line-height to 1.3
• fixed some uneven rem-values with 8pt-grid-system in mind
• added font-size: 1rem; to text input fields to prevent zooming in mobile browsers

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/x-z/new-css/4tedwc9fo
✅ Preview: https://new-css-git-fork-halfmage-master.x-z.now.sh

[caillou]

No need to define it, as it is automatically inherited from the parent.

[caillou]

Just saw that you wrote the following:

added font-size: 1rem; to text input fields to prevent zooming in mobile browsers

Maybe update the comment to explain how and why this works? Maybe a link to an article? That way we avoid that people like me will make a PR to remove it again ;)

[caillou]

2px = .125rem

Also, there is a PR open for all of this, c.f. #13

I’d recommend only removing the 1.03rem in this PR and keep working in #13 for all the rest. Let’s try to keep PRs small and specific.

@halfmage WDYT?

[halfmage]

@caillou So focusing this PR on the zoom fix? Will update it then accordingly

[halfmage]

Reverted and updates most of the stuff. Feel welcome to review my commit eb95f5c

[3x]

All font sizes will be reworked in 2.0.0 update, most likely with a body size of 1rem versus 1.03rem. Still not sure why I used such a strange value...

Using font-size: 0.9em is a great idea for <code>-like elements, though, so I will definitely attempt to use this or something similar.

For iOS input shadows, I will leave #26 open for discussion. For now, I think it would be best to leave the default styling. For future reference, this shadow still exists in Safari on iOS 14.3.