Merge pull request #21956 from overleaf/td-link-underlines

Use CSS variable for link hover underlines

GitOrigin-RevId: 7fa82edab808ed593bb52126869f286673915e18

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);
   }
 }
 

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