add css style for code inside markdown

[Moelf]

No description provided.

[Moelf]

before:

after:

[fonsp]

Can you make it prettier? Experiment with padding, border, rounded corners, an accent color.

It should match the multi-line code block, stylistically.

[Moelf]

before:

after:
before:

I wanted it to match more or less what users usually see in Documentor.jl's HTML style.

[fonsp]

I will reformat this so that we don't need the .markdown selector:

html"""
<p>Hello <code>world</code></p>
"""

should look identical to

md"""
Hello `world`
"""

[fonsp]

I think it's :not(.inline) but i'm not sure

[Moelf]

close, turns out it's .inline_output ;)

[pankgeorg]

Why is the border-radius so big?
Github seems to use 6px (both <code> and <pre>)
Slack seems to use 3px for <code> and 4px for <pre>
Documenter.jl seems to use 0 with a 0.1empadding and a bigger (.875em vs .75em) font size.

[fonsp]

Because it's pretty 🌈

There's no way to discuss these things objectively, but note that we are not trying to match the style of either documenter, slack or github. (Especially not slack, yuck!)

[pankgeorg]

That is not what I'm suggesting (to match something) -- but I'm pretty sure they've had teams of UX designers that decided against big border-radiuses (same is true for Jupyter btw - 2px).
Even though it is pretty, being pretty is not it's role - I think big/pretty --> distracting, that's why I would suggest a 6px or less for both cases. Up to you, of course.

[Moelf]

while I more or less agree with you, can we just get this merged first so I can at least SEE the code in in-line md?

[fonsp]

As Oscar Wilde put it:

A fashion is merely a form of ugliness so absolutely unbearable that we have to alter it every six months!