Modify css for code section

Question

Modify css for code section

titipata opened this issue 9 years ago · 6 comments

titipata commented 9 years ago

@bluenex, I think we should change the css for code section to make it looks better.

Answer 1 · 2017-02-28T10:31:35.000Z

Oh I forgot about this already. How should we make the change? any rough idea?

To me, font size should be increased a bit and maybe change font too?

Answer 2 · 2017-02-28T14:54:26.000Z

So I'd like code section to be in different font instead. It should be easier to read on laptop also. Right now the position of code chunk is a little tight.

Answer 3 · 2017-02-28T17:02:24.000Z

Monospace font should be good as a coding font. Please check this Google font and picks some for testing.

For me Roboto Mono, Inconsolata and Overpass Mono look good.

Answer 4 · 2017-02-28T17:16:20.000Z

+1 for Roboto Mono! Should we also put the code chunk in light grey background, same as in-line code snippet?

Answer 5 · 2017-03-01T04:38:25.000Z

@bluenex found this page for scss file. We can use it for new light-grey color background. Modifying the pygment highlighter here.

Answer 6 · 2017-04-04T05:41:41.000Z

This was done in e7f7439.