Fix inline code font-size mismatch within headers

[balloonio]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines.
• Tests for the changes have been added (for bug fixes / features).
  • Muse | Mist have been tested.
  • Pisces | Gemini have been tested.
• Docs have been added / updated (for bug fixes / features).

PR Type

What kind of change does this PR introduce?

• Bugfix.
• Feature.
• Code style update (formatting, local variables).
• Refactoring (no functional changes, no api changes).
• Build related changes.
• CI related changes.
• Documentation content changes.
• Other... Please describe:

What is the current behavior?

Any inline code within headers will have mismatched font-size. The inline code will have the same font-size as fenced code, whereas it should have adjusted to whatever font-size the header has.

Issue Number(s): N/A

What is the new behavior?

The inline code should have adjusted to whatever font-size the header has.

• Screens with this changes: above
• Link to demo site with this changes: https://bolunzhang.me/2018/12/14/static-versus-dynamic-libraries/

How to use?

N/A

Does this PR introduce a breaking change?

• Yes.
• No.

[stevenjoezhang]

The font-size set in source/css/_common/scaffolding/base.styl might be overwritten, e.g. at line 142 of source/css/_schemes/Gemini/index.styl.

.post-body {
  h1 {
    font-size: 1.6em;
    border-bottom: 1px solid $body-bg-color;
  }
  h2 {
    font-size: 1.45em;
    border-bottom: 1px solid $body-bg-color;
  }
  h3 {
    font-size: 1.3em;
    if use_seo {
      border-bottom: 1px solid $body-bg-color;
    } else {
      border-bottom: 1px dotted $body-bg-color;
    }
  }
  h4 {
    font-size: 1.2em;
    if use_seo {
      border-bottom: 1px dotted $body-bg-color;
    }
  }
  h5 {
    font-size: 1.07em;
  }
  h6 {
    font-size: 1.03em;
  }
}

Would you like to fix it?

[balloonio]

@stevenjoezhang Thanks for pointing it out. I updated the PR to make sure Gemini header code uses the same font-size as header. It seems that Gemini is the only scheme that overrides the post font-size in _common/scaffolding/base.styl. Do you think it deserves a note in the comment in _common/scaffolding/base.styl?

[ivan-nginx]

Do you think it deserves a note in the comment

I think it's deserves refactoring of Gemini scheme. No note.

[balloonio]

Does this need manual merge?

[ivan-nginx]

Mb need to define same em size?
For all headers below too.

[balloonio]

em | Relative to the font-size of the element (2em means 2 times the size of the current font) source

When setting h1 code font-size, the current font-size is already set to h1's font-size. Therefore, h1 code font-size 1em means relatively the same size as h1's font-size.

Here is my test results using Gemini theme with my fix. First image is the result using 1em. Second image is the result using 1.6em( the same font-size as h1).