feat(person-mention): PR-B2 — read-mode rendering + hover card (issue #362) #371
@@ -335,13 +335,17 @@
|
||||
Underline at rest is required for WCAG AA — colour alone fails 8% of men
|
||||
with red-green colour-blindness. Focus ring uses a box-shadow + border-radius
|
||||
so the rectangle doesn't touch the glyphs.
|
||||
|
||||
Underline colour uses --c-ink at 50% so the link affordance is visible on
|
||||
any surface, including sand-tinted backgrounds where the previous mint
|
||||
accent at 60% (~1.6:1 on white — Leonie FINDING-06) was barely perceptible.
|
||||
*/
|
||||
.person-mention {
|
||||
color: var(--c-ink);
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 1px;
|
||||
text-underline-offset: 3px;
|
||||
text-decoration-color: color-mix(in srgb, var(--c-accent) 60%, transparent);
|
||||
text-decoration-color: color-mix(in srgb, var(--c-ink) 50%, transparent);
|
||||
cursor: pointer;
|
||||
transition: text-decoration-color 0.15s ease;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user