From 692b3c0a2b24584ac396bb78b49222a7542c2ed8 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Wed, 14 Aug 2024 09:46:19 -0500
Subject: [PATCH] Merge pull request #19909 from overleaf/jel-link-icon

[web] Add options for styling `Element | Link`

GitOrigin-RevId: 23db6df3b994f8106872771328b0b674a8fe381c
---
 .../stylesheets/app/website-redesign.less     | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 89348cde2f..21b4cf5995 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -958,6 +958,15 @@
     }
   }
 
+  .link-monospace {
+    .dm-mono;
+    font-weight: 500;
+    color: var(--green-50);
+    &:hover {
+      color: var(--green-60);
+    }
+  }
+
   .green-link {
     .link-with-arrow;
     // TODO: replace .green-link uses with .link-with-arrow
@@ -1000,6 +1009,33 @@
     }
   }
 
+  a {
+    &:focus,
+    &:focus-visible {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      .box-shadow-button-input();
+    }
+
+    i {
+      vertical-align: middle;
+      margin-left: var(--spacing-02);
+      padding-bottom: 3px;
+    }
+
+    &.link-lg {
+      font-size: var(--font-size-04);
+      line-height: var(--line-height-03);
+
+      i {
+        font-size: 24px;
+        line-height: inherit;
+      }
+    }
+  }
+
   .round-background {
     border-radius: 50%;
     font-size: 1.5rem;