From 8a143e9a4b3ce1d95ef805ad7d449b61acd4d78c Mon Sep 17 00:00:00 2001 From: Starbeamrainbowlabs Date: Wed, 20 Dec 2023 00:29:10 +0000 Subject: [PATCH] docs: add theme for note/tip/important/warning/caution alerts Ref https://github.com/orgs/community/discussions/16925 .....unfortunately markdown-it (our markdown renderer) doesn't support the GitHub syntax yet --- .docs/css/theme.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/.docs/css/theme.css b/.docs/css/theme.css index 340bbfc..d4795f1 100644 --- a/.docs/css/theme.css +++ b/.docs/css/theme.css @@ -444,7 +444,17 @@ footer { .note, .tip, .important, .warning, .caution { padding: 0.4em 0.6em; - + border-radius: 0 0.2em 0.2em 0; +} +.note::before { color: #31a0fc; content: "\0024d8\0000a0Note"; } +.tip::before { color: #25cb1c; content: "\01f4a1\0000a0Tip"; } +.important::before { color: #911ccb; content: "\01f53a\0000a0Important"; } +.warning::before { color: #e0b840; content: "\0026a0\0000a0Warning"; } +.caution::before { color: #e04040; content: "\00203c\0000a0Caution"; } +.note::before, .tip::before, .important::before, .warning::before, .caution::before { + display: block; + font-weight: bold; + margin-bottom: 0.3em; } .note { border-left: 0.2em solid #31a0fc; background: #31a1fc1f; } .tip { border-left: 0.2em solid #25cb1c; background: #31fc491f; }