Related content
The 'Read next' suggestions block that appears at the end of article and wiki bodies.
On this page
.related-content is the “Read next” suggestions block that sits at the end of long-form pages. It renders as just another article section — same horizontal padding as the body and references blocks, so the left edge aligns visually.
Source: themes/bifrost/sass/components/_related-content.scss · rendered by templates/partials/related-content.html
Anatomy#
| Class | What |
|---|---|
.related-content | Container — top margin, body padding. |
.related-content__title | “Read next” header — font-family-lead, hairline underline. |
.related-content__icon | Inline icon next to the title. |
.related-content__grid | Two- or three-up grid of suggestion cards. |
.related-content__item | One suggestion card — built on .card. |
The list is generated server-side by walking taxonomies and the page.extra.see_also array; clients see a static set, no JS round-trips.
Live examples#
Bottom of any wiki entry, e.g. /wiki/elohim/, or any article.
Related#
card— the primitive each item is built on.