aboutsummaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
authorYarden Shoham <hrsi88@gmail.com>2022-10-21 15:00:53 +0300
committerGitHub <noreply@github.com>2022-10-21 20:00:53 +0800
commite828564445ba5856747f17faf2ac6b1a223a911d (patch)
treefd1aa958dca6a08d3da518133027f3e7d5ea5d25 /web_src
parent16cbd5b59ccba3e418ba0c4c345eb2778ef1d15a (diff)
downloadgitea-e828564445ba5856747f17faf2ac6b1a223a911d.tar.gz
gitea-e828564445ba5856747f17faf2ac6b1a223a911d.zip
Add color previews in markdown (#21474)
* Resolves #3047 Every time a color code will be in \`backticks`, a cute little color preview will pop up [Inspiration](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#supported-color-models) #### Before ![image](https://user-images.githubusercontent.com/20454870/196631524-298afbbf-d2c8-4018-92a5-0393a693d850.png) #### After ![image](https://user-images.githubusercontent.com/20454870/196631397-36c561e4-08f5-465a-a36e-76084e30b08a.png) Signed-off-by: Yarden Shoham <hrsi88@gmail.com> Co-authored-by: KN4CK3R <admin@oldschoolhack.me> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Diffstat (limited to 'web_src')
-rw-r--r--web_src/less/_base.less8
1 files changed, 8 insertions, 0 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index bfc6e0cf96..b255f81d7a 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1371,6 +1371,14 @@ a.ui.card:hover,
border-color: var(--color-secondary);
}
+.color-preview {
+ display: inline-block;
+ margin-left: .4em;
+ height: .67em;
+ width: .67em;
+ border-radius: .15em;
+}
+
footer {
background-color: var(--color-footer);
border-top: 1px solid var(--color-secondary);