Merge pull request #20535 from overleaf/as-cms-large-black-link

[web] CMS - Add styles for large black link with angled arrow

GitOrigin-RevId: d33f6b121d51619cd373c4ede2266f7ef4da2754
This commit is contained in:
Jessica Lawshe 2024-10-02 09:35:48 -05:00 committed by Copybot
parent fd5e1df2e1
commit 76b9058acb
2 changed files with 29 additions and 0 deletions

View file

@ -29,3 +29,21 @@ a {
color: var(--green-60);
}
}
.link-black-full-width {
display: flex;
width: 100%;
justify-content: space-between;
color: var(--neutral-90);
font-weight: 600;
text-decoration: none;
&:visited {
color: var(--neutral-90);
}
&:hover {
color: var(--neutral-90);
text-decoration: underline;
}
}

View file

@ -56,6 +56,7 @@
i {
vertical-align: middle;
margin-left: var(--spacing-02);
padding-bottom: 3px;
}
&.link-lg {
@ -68,6 +69,16 @@
}
}
&.link-xl {
font-size: var(--font-size-06);
line-height: var(--line-height-05);
i {
font-size: var(--font-size-06);
line-height: var(--font-size-06);
}
}
// Specific overrides for link styles
&.link-monospace {
text-decoration: none;