p2-breathe: remove forced 11px font-size from <code> tags

[audrasjb]

In p2-breathe theme, there is a very annoying font-size: 11px CSS style applied on each <code> HTML tag.

When applied to headings, it results in quite ugly rendering.
For reference, see this Post on Make/Core: ​https://make.wordpress.org/core/2020/07/29/miscellaneous-developer-focused-changes-in-wordpress-5-5/
(heading: "Comments: default comment_type value now enforced")

I guess it should be fixed upstream, but I didn't find the p2-breathe GitHub repository.
I found a SVN repository here: ​https://wpcom-themes.svn.automattic.com/p2-breathe/style.css

The following lines will need to be updated:

/* line 111, css/src/global/_text.scss */
pre {
  background: #f1f1f1;
  color: #222222;
  font-size: 11px; /* Need to be removed */
  font-size: 1.1rem;
  line-height: 1.4;
  margin-bottom: 1.2em;
  padding: 1.2em;
  overflow: auto;
  max-width: 100%;
}

…

pre,
code,
kbd,
tt,
var {
  font: 11px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; /* Remove "11px" and replace "font" with "font-family" */
}

[dd32]

In 10103:

Breathe: Use a more reasonable font-size for <code> tags.

The previous font-size was 11px, which was 2px smaller than the default paragraph font, seemingly to allow for the extra padding around the text.

Fixes #5341.

[ocean90]

[10103] doesn't look good to me, see attached screenshots. Let's use a value that matches the font size of the parent element. .9em seems to be good alternative?

[audrasjb]

I agree with you @ocean90, .9em looks better and would fit most of the use cases. It looks better for both headings and paragraphs, but also in other edge cases I noticed like for example when the font size is increased or decreased using <small> or Guttenberg font-size selector.

[dd32]

In 10107:

Breathe: Try setting <code> font-size to 0.9em.

Props ocean90, audrasjb.
See #5341.

[dufresnesteven]

Anything left here or can we close this out?

[coffee2code]

Closing as fixed. Enough time has passed without further feedback or complaint.