Sha256: 3a9e275e19f86d4468dc7f026e723266a77cb0996544846830020c26751fe2d7
Contents?: true
Size: 1.07 KB
Versions: 13
Compression:
Stored size: 1.07 KB
Contents
/* Links */
.Link {
color: var(--fgColor-accent);
&:hover {
text-decoration: underline;
cursor: pointer;
}
&:focus {
text-decoration: underline;
}
&:focus,
&:focus-visible {
outline-offset: 0;
}
}
.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;
}
}
Version data entries
13 entries across 13 versions & 2 rubygems