Merge pull request #19909 from overleaf/jel-link-icon

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

GitOrigin-RevId: 23db6df3b994f8106872771328b0b674a8fe381c
This commit is contained in:
Jessica Lawshe 2024-08-14 09:46:19 -05:00 committed by Copybot
parent 4b6872b737
commit 692b3c0a2b

View file

@ -958,6 +958,15 @@
} }
} }
.link-monospace {
.dm-mono;
font-weight: 500;
color: var(--green-50);
&:hover {
color: var(--green-60);
}
}
.green-link { .green-link {
.link-with-arrow; .link-with-arrow;
// TODO: replace .green-link uses with .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 { .round-background {
border-radius: 50%; border-radius: 50%;
font-size: 1.5rem; font-size: 1.5rem;