From cb83288530b1860677b07d72bc4ce8349e3c0d67 Mon Sep 17 00:00:00 2001 From: Yarden Shoham Date: Wed, 9 Nov 2022 02:11:26 +0200 Subject: Add attention blocks within quote blocks for `Note` and `Warning` (#21711) For each quote block, the first `**Note**` or `**Warning**` gets an icon prepended to it and its text is colored accordingly. GitHub does this (community/community#16925). [Initially requested on Discord.](https://discord.com/channels/322538954119184384/322538954119184384/1038816475638661181) ### Before ![image](https://user-images.githubusercontent.com/20454870/200408558-bd318302-6ff9-4d56-996f-9190e89013ec.png) ### After ![image](https://user-images.githubusercontent.com/20454870/200658863-1bac6461-dae7-4bf2-abd2-672d209574e4.png) Signed-off-by: Yarden Shoham Co-authored-by: delvh Co-authored-by: silverwind --- web_src/less/_base.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'web_src/less') diff --git a/web_src/less/_base.less b/web_src/less/_base.less index f1691d8156..43d8d711aa 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1732,6 +1732,20 @@ a.ui.card:hover, border-radius: .15em; } +.attention-icon { + vertical-align: text-top; +} + +.attention-note { + font-weight: unset; + color: var(--color-info-text); +} + +.attention-warning { + font-weight: unset; + color: var(--color-warning-text); +} + footer { background-color: var(--color-footer); border-top: 1px solid var(--color-secondary); -- cgit v1.2.3