default code block font-size too small

[geoalchimista]

The default code block font-size was defined as $type-size-7 in _sass/_syntax.scss. This is too small compared with the normal text font.

I'd recommend changing it to 0.8125em (~13 px), which is between $type-size-5 (~16 px) and $type-size-6 (~12 px).

  .highlight {
    margin: 0;
    font-family: $monospace;
    font-size: .8125em;  /* was $type-size-7 */
    line-height: 1.8;
  }

[lightsquared]

I concur. The code block font is about half the size of the normal text font.

[gsanroma]

I also found distracting the icons in the top-right corner of code blocks with text f121
Example:

Removed the icon by commenting out the line content: in _sass/_syntax.scss

  &:before {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5em;
    background-color: $lighter-gray;
    /* content: "\f121"; */
    font-family: "fontawesome" !important;
    font-size: $type-size-6;
    line-height: 1;
    text-transform: none;
    speak: none;
  }

Happy to use this great template. Thanks for the resource!

[stevenbitner]

For the code icon issue in the top right, you need to change the font family from "fontawesome" to "Font Awesome 5 Free". I'd make a pull request with that, but have made all of my personal changes to master and the branch is a bit too muddied up

[gsanroma]

Thanks @stevenbitner, your fix worked wonderfully :)
Unfortunately I cannot create a pull request either.
Seems that github only allows pull requests from forked repos. Since only 1 fork is allowed, I have the same problem that the master of my fork contains all the work I have done on my webpage.

[stevenbitner]

I created a PR from a patch. Not sure how long it will take to get merged though.

[stevenbitner]

I've created a PR for the font-size issue in code blocks. It works well on my fork.
#273

[mateuszdorobek]

Hey, I've done all the changes mentioned by @geoalchimista, @gsanroma, and @stevenbitner, but still, my font is the same (really small). Do you know what else can I do to make code snippet font bigger? It even gives me warnings in Google Search Console (small font on mobiles).

[mateuszdorobek]

Ok, it didn't work when I was building it up locally, but after pushing it to the repo it works pretty well. https://www.mateuszdorobek.pl/teaching/Python