default code block font-size too small

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;
  }

[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