From bad2c9711df088797320e539ad0ba4dada98e0c7 Mon Sep 17 00:00:00 2001
From: Aline <aline.keller@gmail.com>
Date: Thu, 27 Jul 2023 18:11:53 +0200
Subject: [PATCH] Fix styles for existing links with '.link-pretty'

---
 assets/components/atoms/link/link.scss             | 14 +++++++++++++-
 assets/components/molecules/card/card.scss         | 13 -------------
 .../molecules/list-group/list-group.scss           |  2 +-
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/assets/components/atoms/link/link.scss b/assets/components/atoms/link/link.scss
index c0a2242c..96e55c2c 100644
--- a/assets/components/atoms/link/link.scss
+++ b/assets/components/atoms/link/link.scss
@@ -52,7 +52,19 @@ a:active {
 }
 */
 
-// Fix for existing pretty links on dark background
+// Fix for existing links with class '.link-pretty'
+
+.link-pretty.nav-link {
+  text-decoration: underline;
+  text-decoration-color: $link-hover-color;
+  text-decoration-thickness: 0.08em;
+  text-decoration-thickness: min(0.08em, 0.1rem);
+  text-underline-offset: 0.14em;
+  
+  @include hover-focus-active {
+    text-decoration-color: $link-color;
+  }
+}
 
 .bg-dark .link-pretty,
 .bg-gray-600 .link-pretty{
diff --git a/assets/components/molecules/card/card.scss b/assets/components/molecules/card/card.scss
index fe3578ba..05b99297 100644
--- a/assets/components/molecules/card/card.scss
+++ b/assets/components/molecules/card/card.scss
@@ -202,19 +202,6 @@ a.card-img-top {
   }
 }
 
-a.card-title,
-.card-title a {
-  transition: color 0.3s;
-
-  @include link-pretty($red, $body-bg, $body-color);
-
-  background-position: 0 90%;
-
-  .card-gray & {
-    @include link-pretty($red, gray('100'), $body-color);
-  }
-}
-
 // Whole card as a link
 a.card {
   text-decoration: none;
diff --git a/assets/components/molecules/list-group/list-group.scss b/assets/components/molecules/list-group/list-group.scss
index 91a94004..20ff5a0b 100644
--- a/assets/components/molecules/list-group/list-group.scss
+++ b/assets/components/molecules/list-group/list-group.scss
@@ -22,7 +22,7 @@
   background: var(--card-bg);
 
   .card-title a {
-    @include link-pretty($red, var(--card-bg), $body-color);
+    //@include link-pretty($red, var(--card-bg), $body-color);
     transition: color 0.3s, text-shadow 0.25s;
   }