overleaf/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
Jessica Lawshe 76b9058acb 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
2024-10-14 11:00:20 +00:00

49 lines
800 B
SCSS

// Links
// Use CSS variables for link colors to make it easy to override in marketing page
:root {
--link-color: var(--link-ui);
--link-hover-color: var(--link-ui-hover);
--link-visited-color: var(--link-ui-visited);
}
a {
color: var(--link-color);
&:visited {
color: var(--link-visited-color);
}
&:hover {
color: var(--link-hover-color);
}
}
.link-monospace {
@extend .dm-mono;
font-weight: 500;
color: var(--green-50);
&:hover {
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;
}
}