badlydrawnrob / print-first-css

Other
0 stars 0 forks source link

Typography tokens, re-evaluating `--css-variables` #76

Open badlydrawnrob opened 2 months ago

badlydrawnrob commented 2 months ago

Material uses typographic tokens Github uses --h1-size-mobile and --h1-size Our baseline grid is 4px and 24px line-height. All should preview in a specimen file

It might be worth giving a little thought to the difference between device sizes (iphone, iPad), medium screens (laptops) and large screens (such as iMac), and how the typography works moving between those sizes. I'm not currently doing a whole lot of that with this repo, as it's predominantly for print, but any themes that derive their settings from this repo might want to. Print First CSS shouldn't stand in their way.

Print First CV could be viewed as a HTML document, a PDF, or printed out on paper.

Screenshot 2024-07-14 at 12 40 42 Screenshot 2024-07-14 at 12 40 07

[^1]: Some fonts have font-variation-settings and require specific styles (for instance, font-style: italic doesn't always work the way you expect). I don't want to use functions or mixins, only plain css. Perhaps these can become font tokens?