Sha256: df9c9de8ae9615b08cc45118cf0e5cab336d2f74d57009ef22efda6c0186143c
Contents?: true
Size: 1.34 KB
Versions: 12
Compression:
Stored size: 1.34 KB
Contents
/* Links */
.Link {
color: var(--fgColor-accent);
text-decoration: none;
&:hover {
text-decoration: underline;
cursor: pointer;
}
&:focus {
text-decoration: underline;
}
&:focus,
&:focus-visible {
outline-offset: 0;
}
}
.Link--underline {
text-decoration: underline;
}
.Link--primary {
color: var(--fgColor-default) !important;
&:hover {
color: var(--fgColor-accent) !important;
}
}
.Link--secondary {
color: var(--fgColor-muted) !important;
&:hover {
color: var(--fgColor-accent) !important;
}
}
.Link--muted {
color: var(--fgColor-muted) !important;
&:hover {
color: var(--fgColor-accent) !important;
text-decoration: none;
}
}
/* Set the link color only on hover
Useful when you want only part of a link to turn blue on hover */
.Link--onHover {
&:hover {
color: var(--fgColor-accent) !important;
text-decoration: underline;
cursor: pointer;
}
}
/* When using a color utility class inside of a link class
color should change with link on hover. */
.Link--secondary,
.Link--primary,
.Link--muted {
&:hover [class*='color-fg'] {
color: inherit !important;
}
}
.Link-content {
display: inline-flex;
align-items: center;
/* stylelint-disable-next-line primer/typography */
line-height: normal;
gap: var(--base-size-4);
text-decoration: inherit;
}
Version data entries
12 entries across 12 versions & 2 rubygems