Scale UI components with font-size using em units, remove hardcoded px units

[benjamingwynn]

The font-size is currently hardcoded for a lot of styles. As 98.css isn't readable at high resolutions (see #56) it would be useful to be able to define an explicit font size and have components scale correctly accordingly.

For example, instead of the font-size: 12px hardcoded on the body and font-size: 11px declared for button, label, input, legend [...] we can define a font size of 0.91667em (11/12 ~= 0.91667) and remove the font-size on body.

I have a prototype of this but not with all the sizes yet, I'm happy to finish it, write up a PR and make it official if this is useful!

[tazjin]

I have a prototype of this but not with all the sizes yet, I'm happy to finish it, write up a PR and make it official if this is useful!

It definitely would be!

[benjamingwynn]

@tazjin hey, I never got around to finishing the conversion from px units to em, so I don't want to write a full PR (yet?); but have made a good dent in the basic components on the em-units branch - I also made some other potentially useful styling changes on the main branch which I found worked better specifically with Safari

Fork is available at https://github.com/benjamingwynn/98.css if you're interested