From b11af7218e567582a1fcd0db26b6338220c6d641 Mon Sep 17 00:00:00 2001 From: Lindsay Auchinachie Date: Thu, 30 Apr 2026 22:47:03 -0400 Subject: [PATCH] Soften heading weight and round video thumbnail corners - Heading rule font-weight: bold (700) -> 600 (semibold) for h1 and the markdown h2/h3/h4 to match the lighter typographic feel of the rest of the refresh - Add border-radius: 12px (with overflow: hidden) to .reactPlayer and .react-player wrappers and their inner iframe/video, so embedded YouTube videos render with rounded corners Refs #492 Co-Authored-By: Claude Opus 4.7 --- src/css/custom.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 6a3b48ed13..cf7111c4a3 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -103,8 +103,19 @@ figure figcaption { text-align: center; } -.reactPlayer { +.reactPlayer, +.react-player { margin: auto; + border-radius: 12px; + overflow: hidden; +} + +.reactPlayer iframe, +.reactPlayer video, +.react-player iframe, +.react-player video, +.react-player > div > iframe { + border-radius: 12px; } /* Zoomed image background */ @@ -412,7 +423,7 @@ html[data-theme='dark'] .footer .footer__bottom::before { } h1, .markdown h2, .markdown h3, .markdown h4 { - font-weight: bold; + font-weight: 600; } /* Colorblind-friendly code highlighting */