From 181830285ac128ce0b5946b1c5d4e45fa51612ed Mon Sep 17 00:00:00 2001 From: Joe Mou Date: Thu, 24 Sep 2026 03:17:26 -0400 Subject: Style markdown alerts Co-Authored-By: Claude Opus 5.5 --- public/static/style.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/public/static/style.css b/public/static/style.css index cf3fb75..c4520c4 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -382,6 +382,53 @@ pre.box { font-weight: bold; } +/* GitHub's `> [!NOTE]` style alerts. */ +.markdown-alert { + --alert-color: var(--link-color); + margin: .5em 0; + padding: .25rem 1rem; + border-left: .25rem solid var(--alert-color); + + > :first-child { + margin-top: 0; + } + > :last-child { + margin-bottom: 0; + } +} + +.markdown-alert-title { + display: flex; + align-items: center; + gap: .5rem; + font-weight: bold; + color: var(--alert-color); + + svg { + fill: currentColor; + } +} + +.markdown-alert-title + * { + margin-top: .25rem; +} + +.markdown-alert-tip { + --alert-color: var(--success-color); +} + +.markdown-alert-important { + --alert-color: light-dark(oklch(50% 0.2 300), oklch(70% 0.15 300)); +} + +.markdown-alert-warning { + --alert-color: light-dark(oklch(55% 0.13 75), oklch(75% 0.13 75)); +} + +.markdown-alert-caution { + --alert-color: light-dark(oklch(50% 0.18 25), oklch(70% 0.15 25)); +} + .release > header, .wiki > header, .comment > header { display: flex; align-items: baseline; -- cgit v1.3.1