From f5ad3727d2965f684b9af7f1ae6c0334b199f665 Mon Sep 17 00:00:00 2001
From: Gordon Pedersen <death.au@death.id.au>
Date: Thu, 23 May 2024 11:40:15 +1000
Subject: [PATCH] style for mentions

---
 weblog/B0. Template/styles.css.md | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md
index 019cda6..8d85bde 100644
--- a/weblog/B0. Template/styles.css.md	
+++ b/weblog/B0. Template/styles.css.md	
@@ -312,7 +312,7 @@ footer p {
   text-align: center;
 }
 
-.tag {
+.tag, .mention {
   background: var(--accent);
   color: var(--background);
   padding: .3em .4em;
@@ -334,6 +334,31 @@ h2 .tag {
   color: white;
 }
 
+.mention {
+  font-family: var(--font-main);
+  font-weight: var(--font-main-weight);
+  position: relative;
+  margin-left: 1.6em;
+}
+
+.mention::before {
+  content: '📢';
+  position: absolute;
+  margin-left: -2em;
+}
+
+.mention::after {
+  content: '';
+  position: absolute;
+  left: -0.35em;
+  top: calc(50% - 0.4em);
+  width: 0;
+  height: 0;
+  border: 0.4em solid transparent;
+  border-right-color: var(--accent);
+  border-left: 0;
+}
+
 hr {
   border: 0;
   height: 1px;