A calm place to write long-form, and publish it to the open social web. skypress.blog/
0

Configure Feed

Select the types of activity you want to include in your feed.

Style article @mentions like the profile-page author handle link

Mention anchors render with class="skypress-mention" (the sanitizer keeps the
class, strips data-did). The generic article-link rule painted them solid --sun;
give them the quieter author__handle-link treatment instead: inherit the prose
color, no underline, brighten to --sun on hover/focus. The class selector
out-specifies the generic :global(a) rule. Verified in the browser against the
live reader page.

+11
+11
src/pages/[author]/[slug]/[rkey].astro
··· 264 264 .reader__article :global(a) { 265 265 color: var(--sun); 266 266 } 267 + /* @mentions read as part of the prose, brightening to --sun on hover — the same 268 + quiet treatment as the author handle link on profile pages. */ 269 + .reader__article :global(a.skypress-mention) { 270 + color: inherit; 271 + text-decoration: none; 272 + transition: color 0.15s ease; 273 + } 274 + .reader__article :global(a.skypress-mention:hover), 275 + .reader__article :global(a.skypress-mention:focus-visible) { 276 + color: var(--sun); 277 + } 267 278 /* First paragraph: a quiet editorial lead-in */ 268 279 .reader__article :global(p:first-of-type) { 269 280 font-size: 1.32rem;