ElectricRCAircraftGuy / ElectricRCAircraftGuy.github.io

My github pages website at gabrielstaples.com
https://gabrielstaples.com/
5 stars 1 forks source link

Increase relative font sizes again (probably--not required) #55

Closed ElectricRCAircraftGuy closed 1 year ago

ElectricRCAircraftGuy commented 1 year ago

I just decreased the overall font size in assets/css/main.scss, and increased the sidebar sizes (see the several commits just prior to bd2a1fbef5fd000a3962cf5d95177d9dd26dcefd just now), so now I have some more font sizes that are probably too small again.

See this page, for instance: https://gabrielstaples.com/tags/

I've highlighted the many areas where the font size should be increased a tiny bit more still:

image

Font size variables are set inside _sass/minimal-mistakes/_variables.scss, as $type-size-1 type names. Sizes are set in the many files inside _sass/minimal-mistakes/. I should ripgrep the repo for the relevant inspected names (which I must inspect via the web browser), and/or for font-size, and/or for the variables above, and/or for font size em values I inspect, to find all the right places to change this stuff!

ElectricRCAircraftGuy commented 1 year ago

Update: since there are so many places to change the font size, I should probably just change the definitions in the _variables.scss file instead! This way I get them all at once! I dunno...

Yeah...maybe just scale everything up 20% or something!

ElectricRCAircraftGuy commented 1 year ago

Yeah, headings should all be a little bit bigger, for sure. Compare these 2 views:

  1. On my website: https://gabrielstaples.com/ydotool-tutorial/
  2. Vs on GitHub: https://github.com/ElectricRCAircraftGuy/ElectricRCAircraftGuy.github.io/blob/master/_posts/2023-06-17-ydotool-tutorial.md
ElectricRCAircraftGuy commented 1 year ago

I think the best solution is going to be to change the heading definitions to rescale everything maybe???

Maybe not. That may make the headings not be differentiated well enough. I do need to figure out how to change the main text size though...

I don't know. I need to figure this out.

  1. All headings need to be bigger.
  2. regular text and code is just right now.
  3. All of the tiny little text needs to be bigger.

It kind of seems like the right solution is to set the font size points back to where it was, while scaling the main text and code size down, and the tiny little label text up.

ElectricRCAircraftGuy commented 1 year ago

Commits that contribute towards this:

  1. 50ec1da484e7f32a901f6da0aa5b6623c66c5fa6
  2. d60732bb6596868cecaae5632899aeeedefb4277
  3. 67df2d23358ea98df120e683266aaea069d4576b
  4. f237c3709bc47c4a8be846a7419403aae7ef85ec
  5. dddc128b00a00acce7304c0ca0646f107fb7427d