About code font size.

[gapplef]

I agree and want to create new issue

• Yes, I was on Hexo Docs page, especially on Templates, Variables, Helpers and Troubleshooting.
• Yes, I was on NexT Documentation Site.
• And yes, I already searched for current issues and this is not help to me.

---

According to my understand, current NexT theme set the code font size($code-font-size) to a fix value 14px, while the font of article body is set to changes according to the screen size(-4px, -2px, +2px, +4px), with base font($font-size-base) also set to 14px.

hexo-theme-next/source/css/_variables/base.styl

Lines 137 to 138 in dcf789d

	$code-font-size = 14px
	$code-font-size = unit(hexo-config('font.codes.size'), px) if hexo-config('font.codes.size') is a 'unit'

hexo-theme-next/source/css/_variables/base.styl

Lines 87 to 92 in dcf789d

	$font-size-base = 14px
	$font-size-base = unit(hexo-config('font.global.size'), px) if hexo-config('font.global.size') is a 'unit'
	$font-size-small = $font-size-base - 2px
	$font-size-smaller = $font-size-base - 4px
	$font-size-large = $font-size-base + 2px
	$font-size-larger = $font-size-base + 4px

This means the font size of code could be same with, smaller or larger than the article body font in different case. I don't think this is appropriate, especially for the inline code.

It's very common to use inline code to highlight keywords, like in the office documentation. I think size of these keywords should be same with the article body.

To sum up, I would like the font size of code always same with the article body, especially for inline code. How to config the NexT theme?

NexT Information

NexT Version:

• Latest Master branch
• Latest Release version
• Old version

NexT Scheme:

• All schemes
• Muse
• Mist
• Pisces
• Gemini

[stevenjoezhang]

Temporary solution: delete this line

hexo-theme-next/source/css/_common/components/highlight/highlight.styl

Line 25 in dcf789d

font-size: $code-font-size;

[gapplef]

@stevenjoezhang here seems miss : ?

hexo-theme-next/source/css/_common/components/highlight/highlight.styl

Line 11 in dcf789d

font-size $code-font-size;

[stevenjoezhang]

Emm... I'll open a PR to fix it...

[gapplef]

Great jobs! Appreciate for your quick response.

[stevenjoezhang]

Fixed in #1005, #1006