Twenty Twelve: Blockquotes have no bottom margin — touch paragraphs below them

[markjaquith]

In Twenty Twelve, blockquotes have no bottom margin. Any content below them gets an unrequested lap dance.

I've applied a background color to blockquotes to illustrate the problem:

You don't see the issue without giving the blockquote a background color because the margin-bottom of the last paragraph in the blockquote provides the appropriate spacing. But as soon as blockquotes have any sort of background styling or a border, the odd spacing will manifest.

This is what I'm using in my child theme to fix it.

article .entry-content blockquote {
	margin-bottom: 24px;
}

article .entry-content blockquote p:last-child {
	margin-bottom: 0;
}

Normally p has a margin-bottom of 24. This gives that to the blockquote, and takes it away from the last paragraph in a blockquote (if that paragraph is the last child element of the blockquote).

[markjaquith]

Also:

article.format-aside blockquote p:last-child {
	padding-bottom: 0;
}

[obenland]

I agree with Mark. Styling blockquotes with a background color is not rare and we shoud expect Child Themes to do that. (Mark's) Patch addresses the issue without changing the visual appearance of blockquotes in Twenty Twelve.

For Aside posts, I'd propose switching back to use margin for <p>s and just remove it from the last child. @DrewStrojny: Was switching to padding a measure to remove the space from the last element?

We could also think about using a article.format-aside .entry-content > *:last-child selector, just to make sure we strip it from any element.

[markjaquith]

Things are looking good with obenland's patch! Drew, Lance — thoughts?

[drewstrojny]

I'm on board with this fix. I didn't consider the background case. This accomplishes the same thing and is clearly more flexible.

@obenland I'm fine using last-child to remove the margin for the last paragraph in the aside posts as well. Good idea!

[lancewillett]

In [21729]:

Twenty Twelve: better bottom spacing for blockquotes, making it easier for child themes to style blockquotes followed by paragraphs. Props markjaquith and obenland, fixes #21764.