Fix font-size in inline code comment preview

[silverwind]

Previously, when writing a inline code comment, the markup preview would have incorrect font size of 16px. This fixes it to 14px and also combines similar CSS rules into one.

I'm not a fan of this selector complexity, but it seems like a necessity because standalone markup files render at 16px while comments render at 14px.

[wxiaoguang]

because standalone markup files render at 16px while comments render at 14px.

Then you could just use 16px for .file-view.markup and remove all other selectors&styles to use default 14px.

[silverwind]

because standalone markup files render at 16px while comments render at 14px.

Then you could just use 16px for .file-view.markup and remove all other selectors&styles to use default 14px.

Hmm yeah probably the better alternative. I'm not aware of any other places that render markup as 16px, but there could be some that I missed.

[silverwind]

Tested it in repo file view and readme, they both render as expected 16px while all other places (comments) render 14px.

[wxiaoguang]

Maybe we should remove this and use the parent's font-size.

Body's default font-size is also 14px IIRC.

[silverwind]

We have html, body {font-size: 14px}, yes. But I'm not confident that inheriting wouldn't break anything. I think it's better to explicitely specify 14px/16px than to rely on potentially incorrect surrounding content.