Code on a list has grey border and background

[dyskette]

If there are code blocks inside a list, they have a grey border and background just like inline code, as you can see in the next screenshot.

Inside _typography.scss, lines 107-108 seems to be affecting both elements at the same time.

[mmistakes]

I don't know if there is anyway around that without bloating the CSS. Not to mention you don't typically see a large block of code that spans multiple lines placed in an item list, they're usually broken out as their own to be more readable.

It doesn't appear that you are including more than a single line of code in the example above. Why not just make it inline like the code snippet you have in the second list item below it?

[dyskette]

It's not the only post with block code inside a list, it can be a headache to change them all. In the meantime I workaround this by placing a ">" before "code" in line 101. I may be breaking something else though.

p,
li { 
    > code {

[mmistakes]

That looks like a good fix. I don't think it would break anything else.

On Friday, February 20, 2015, Dylan Smith notifications@github.com wrote:

It's not the only post with block code inside a list, it can be a headache
to change them all. In the meantime I workaround this by placing a ">"
before "code" in line 101. I may be breaking something else though.

p,
li {
> code {

—
Reply to this email directly or view it on GitHub
#86 (comment)
.

[mmistakes]

Fixed in 1.7.6