Merge pull request #16564 from overleaf/mf-fix-green-link

Website redesign - Change green-link (the one with the arrow) styling

GitOrigin-RevId: 889f6846a71d0adfd12d93f6a64aa0772e3a0c21
This commit is contained in:
M Fahru 2024-01-17 09:32:40 -07:00 committed by Copybot
parent 062df2fe7f
commit 19f53e1823
3 changed files with 12 additions and 3 deletions

View file

@ -532,6 +532,9 @@
.link-with-arrow {
font-size: 1.125rem;
line-height: 1.333;
font-family: 'DM Mono', monospace;
font-feature-settings: 'ss05';
font-weight: 500;
i.material-symbols-rounded {
vertical-align: middle;
@ -542,12 +545,12 @@
.green-link {
.link-with-arrow;
color: @green-60;
color: var(--emerald-green);
&:hover {
color: var(--green-70);
color: var(--green-60);
.right-arrow {
background: var(--green-70);
background: var(--green-60);
}
}
}

View file

@ -92,6 +92,9 @@
@content-disabled: @content-disabled-on-light-bg;
@content-placeholder: @content-placeholder-on-light-bg;
// == website-redesign
@emerald-green: #098842;
// == ol-* legacy variables ==
// These will eventually be removed and replaced with above names
@ol-type-color: @content-secondary;

View file

@ -79,4 +79,7 @@
// gradient
--premium-gradient: @premium-gradient;
// website-redesign
--emerald-green: @emerald-green;
}