Blog cards — retired plum styles

Archived 8 September 2026, when the Blog index moved to the v2 card design (no card box, coloured text categories). Recorded here so the old plum treatment can be reconstructed if needed. None of these classes were deleted — they are still in use elsewhere on the site. What changed is which classes the blog card carries.

What the blog card used to carry

• Card wrapper: nc-card cc-width_auto → now nc-card ncc-bare
• Text container: nc-card_text-container cc-blog → now nc-card_text-container cc-blog ncc-flush
• Meta row: nc-tag_container → now nc-tag_container ncc-inline
• Category: nc-tag ncc-red_wine → now nc-blog_cat
• Read time: nc-tag ncc-red_wine → now nc-blog_readtime
• Collection list: nc-2x1 → now nc-2x1 ncc-blog_grid

The plum card box

The visible box was never a border or a shadow — nc-card already had all four border styles set to none, and cc-width_auto set box-shadow: none. The box was background colour, corner radius and padding:

• background-color: variable 23d02384-6c30-6df1-de74-f161350fb47e on nc-card, overridden to variable d2969ac8 by cc-width_auto
• border-radius: 0.52em, all four corners
• padding: 2em on all four sides
• grid-row-gap: 2.55em · align-items: center · text-align: center

The plum tag pills

Category and read time were both nc-tag ncc-red_wine, sitting in a container absolutely positioned above the card's top edge.

• nc-tag: Radnika, font-size: 1em, colour variable 90ad4fa3-093e-d4df-372c-138f791fd2c3
• ncc-red_wine: display: flex, padding 0.5em / 1em, border-radius: 0.3em, background variable 23d02384…, colour variable d2969ac8
• nc-tag_container: position: absolute, top: -1em, left/right 0, justify-content: center, grid-column-gap: 2.8em

Grid

nc-2x1 base is unchanged: two equal columns, 1em row and column gap. The blog index now adds ncc-blog_grid for 3.5em row / 2.5em column.

Note: nc-card, nc-tag, ncc-red_wine, cc-width_auto, cc-blog and nc-2x1 are all shared site-wide and were not modified. Every v2 change is a new combo or a new blog-specific global.