Skip to content

Instantly share code, notes, and snippets.

@vdepizzol
Created April 14, 2020 06:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vdepizzol/0d320e085a9edac2462fe3919de8f675 to your computer and use it in GitHub Desktop.
Save vdepizzol/0d320e085a9edac2462fe3919de8f675 to your computer and use it in GitHub Desktop.
// Link colors
// Sets the links color to $text-gray and $text-blue on hover
.link-gray {
color: $text-gray !important;
&:hover, &:hover [class*='text-'] {
color: $text-blue !important;
}
}
// Sets the links color to $text-gray-dark and $text-blue on hover
.link-gray-dark {
color: $text-gray-dark !important;
&:hover , &:hover [class*='text-']{
color: $text-blue !important;
}
}
/* Set the link color to $text-blue on hover
Useful when you want only part of a link to turn blue on hover */
.link-hover-blue {
&:hover, &:hover [class*='text-'] {
color: $text-blue !important;
}
}
/* Make a link $text-gray, then $text-blue on hover and removes the underline */
.muted-link {
color: $text-gray !important;
&:hover, &:hover [class*='text-'] {
color: $text-blue !important;
text-decoration: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment