Merge pull request #21215 from overleaf/jel-redesign-black-links

[web] Consolidate black link CSS on pages using new design

GitOrigin-RevId: cdeccee0586efbf67e656828ed597e4441242edd

services/web/frontend/stylesheets/bootstrap-5/base/links.scss

@@ -33,13 +33,10 @@ a {
   }
 }
 
-.link-black-full-width {
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
+.link-black-text {
   color: var(--neutral-90);
-  font-weight: 600;
   text-decoration: none;
+  font-weight: 600;
 
   &:visited {
     color: var(--neutral-90);
@@ -50,3 +47,11 @@ a {
     text-decoration: underline;
   }
 }
+
+.link-black-full-width {
+  @extend .link-black-text;
+
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}

services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss

@@ -97,12 +97,7 @@
       margin-bottom: var(--spacing-06);
 
       a {
-        text-decoration: none;
-        color: var(--neutral-90);
-
-        &:hover {
-          text-decoration: underline;
-        }
+        @extend .link-black-text;
       }
     }
 

services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss

@@ -112,6 +112,8 @@
 
   .gallery-thumbnail {
     a {
+      @extend .link-black-text;
+
       display: inline-block;
     }
 
@@ -148,8 +150,9 @@
       gap: var(--spacing-04);
 
       .badge-container {
-        display: flex;
-        gap: var(--spacing-04);
+        .badge:not(:first-child) {
+          margin-left: var(--spacing-04);
+        }
       }
 
       * {
@@ -165,11 +168,6 @@
       @include heading-md;
       @include line-clamp;
     }
-
-    a,
-    a:hover {
-      text-decoration: none;
-    }
   }
 
   .pagination {