-
The list takes the grid classes from the pattern and they apply unchanged.
The item does not: core generates each
- itself, with get_post_class()
deciding its classes, and there is no attribute anywhere in the block that
reaches it. So `.person` is restated here against the item, and the pattern
marks the list `.people` to say which items are meant. Verified against
render_block_core_post_template() in wp-includes/blocks/post-template.php.
Nothing else in the card needs restating. `.person__body`, `.person__name`
and `.person__role` are written onto real blocks and reach the design's own
rules; core's post-title and post-excerpt stylesheets add only box-sizing and
word-break, and the portrait states its 4:5 ratio through the featured image
block's own attributes rather than through `.ph--portrait`.
The two rules are in the order site.css states them, because the design
depends on that order: `.person p` is the more specific selector and takes
the paragraph colour back off `.person__role`. Restating them the other way
round would turn that into an orange line the design does not have. */
.people > .wp-block-post {
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
overflow: hidden;
}
.people > .wp-block-post p {
font-size: var(--step--1);
color: var(--ink-soft);
line-height: 1.6;
}
/* Visit --------------------------------------------------------------------
The navy details panel and the map beside it. Five rules: one for a colour
the design writes inline, one for a rule this file has already overridden,
two for the inline elements core has no block for, and one for the frame
that replaces the design's map placeholder.
The eyebrow is `
` in the design, the
one colour in it written inline rather than in site.css, because it is the
only eyebrow that sits on navy. theme.json sets color.custom to false, so the
editor cannot offer an arbitrary hex and a block cannot carry one; the
colour moves onto the design's own class instead.
The separator loses its colour to this file rather than to core. The
Separator section above restates `.rule` as `hr.wp-block-separator.rule`,
which is a class heavier than site.css's `.visit__panel .rule` and takes the
panel's narrow translucent bar with it. Restated here at a weight that
clears it, in the two declarations site.css writes.
The list items read
- ………
and site.css styles the two lines as `.visit__list b` and `.visit__list span`.
Both lines are core/paragraph here, so neither selector reaches them:
`.visit__list p` restates the description and `.visit__title` the line above
it - the same split, for the same reason, as the trust bar's. The bottom
margin and measure site.css §3 gives a go with them, as they do wherever
a paragraph stands in for an inline element.
The address is the exception, and needs nothing: it is a clinic detail block,
which renders the design's own , so `.visit__list span` still reaches
it exactly as written.
The map is a clinic map block, which renders an