Code reference archive pages require styling

[siobhan]

The code reference archive pages require some styles applied to them. They currently display information, but not in a way that is easy to read:

They currently look like this:

The should look more like this:

[nicole@…]

​pull request submitted w/ exception of 'used by' line. Will discuss functional requirements and then update styles

[siobhan]

Fixed. Specific changes to archive pages require their own tickets.

Fixes #325

Alternative to #348, which rather than truncating the central breadcrumbs, simply lets them stack, see ​comment.

Looks good at a glance. The only thing we might tweak is the line-height which can get a bit compact on mobile, but we can ship this as is and revisit if need be.

We'll need to update the documentation site

@jasmussen what do you think about rolling out these breadcrumbs on Documentation before we undergo the full reskin?

Design

Current

It might be a sort of hybrid with the breadcrumbs moving out of the blue bar and sitting below.

Reverts WordPress/wporg-mu-plugins#437 until we know how to handle these changes on the Documentation site

Reverts WordPress/wporg-mu-plugins#438

Solution for Documentation site TBD

We can make documentation look the same as the developer handbook pages since they are essentially the same thing.
Move the breadcrumb down into the content, add the title to the subnav and change the color. I would just ping #docs with that change to make sure everyone is aware.

I only ask because Documentation is supposed to be going through a much wider reskin, and want to check that this new navigation style is compatible.

The Docs update is now underway, and actually removes the breadcrumbs ​https://github.com/WordPress/wporg-documentation-2022/pull/67

I have to offer an apology there, the breadcrumbs are meant to be there and ​I corrected this in the mockups.