From ac87f557d67c492b74f9fa989e6fcfcb5794fbe8 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 10 Dec 2022 19:16:43 +0800
Subject: [PATCH] This .mention style is going global

---
 src/app.css               | 16 ++++++++++++++++
 src/components/status.css | 19 -------------------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/app.css b/src/app.css
index e85e2fdc..3bb28e3b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -13,6 +13,22 @@ html, body {
   justify-content: center;
 }
 
+/* MENTIONS */
+
+a.mention {
+  text-decoration-line: none;
+}
+a.mention span {
+  text-decoration-line: underline;
+  text-decoration-color: inherit;
+}
+a.hashtag {
+  color: var(--link-light-color);
+}
+:is(a.hashtag, a.u-url) span{
+  color: var(--text-color);
+}
+
 .deck-container {
   width: 100%;
   height: 100vh;
diff --git a/src/components/status.css b/src/components/status.css
index 5659d637..b8cf264b 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -150,25 +150,6 @@
 .status .content .ellipsis::after {
   content: '…';
 }
-.status:hover .content a {
-  text-decoration-line: underline;
-}
-.status .content a.mention {
-  text-decoration-line: none;
-}
-.status .content a.mention span {
-  text-decoration-line: underline;
-  text-decoration-color: inherit;
-}
-.status .content a.hashtag {
-  color: var(--link-light-color);
-}
-.status .content a.hashtag span{
-  color: var(--text-color);
-}
-.status .content a.u-url span{
-  color: var(--text-color);
-}
 .status.large .content {
   font-size: 150%;
 }