From d0ca742a93da805a2a46e179f524ad9da982008a Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Tue, 26 Nov 2024 15:27:38 +0000
Subject: [PATCH] Merge pull request #21956 from overleaf/td-link-underlines

Use CSS variable for link hover underlines

GitOrigin-RevId: 7fa82edab808ed593bb52126869f286673915e18
---
 .../web/frontend/stylesheets/bootstrap-5/base/links.scss     | 2 ++
 .../stylesheets/bootstrap-5/pages/website-redesign.scss      | 5 +----
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
index 794f5922b3..7f5d390c0b 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
@@ -8,6 +8,7 @@
   --link-color-dark: var(--link-ui-dark);
   --link-hover-color-dark: var(--link-ui-hover-dark);
   --link-visited-color-dark: var(--link-ui-visited-dark);
+  --link-hover-text-decoration: none;
 }
 
 a {
@@ -19,6 +20,7 @@ a {
 
   &:hover {
     color: var(--link-hover-color);
+    text-decoration: var(--link-hover-text-decoration);
   }
 }
 
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
index 9bf2d99bda..a1b3818aad 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
@@ -33,10 +33,7 @@
     --link-color: var(--link-web);
     --link-hover-color: var(--link-web-hover);
     --link-visited-color: var(--link-web-visited);
-
-    a:hover {
-      text-decoration: underline;
-    }
+    --link-hover-text-decoration: underline;
   }
 
   // hero section of features, enterprises, and universities will have an image that will overflow the page