Make Latest Articles stand out on the Articles landing page

The Articles landing page rendered ten visually identical blocks: Latest
Articles followed by nine category shelves, all with the same heading and
the same cards, so the newest work had no visual priority.

Give the Latest block a featured treatment: tinted surface, brand-red top
rule, rounded border, and a larger section heading, via a new
docs-articles__block_featured modifier. Light-theme overrides follow the
existing [data-theme='light'] convention in the same file. The nine
category blocks are untouched.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kanungle
2026-07-30 14:06:25 -07:00
co-authored by Claude Opus 5
parent 57c71195b3
commit 99d5e1f985
2 changed files with 26 additions and 1 deletions
@@ -26,7 +26,7 @@
{{ end }}
{{ $latest = $latest.ByPublishDate.Reverse }}
{{ if gt (len $latest) 0 }}
<div class="docs-articles__block">
<div class="docs-articles__block docs-articles__block_featured">
<div class="docs-articles__block-header">
<div>
<h4 class="docs-articles__title">Latest Articles</h4>