Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
SCSS: Mixin link pseudo states
// Provide contrasting color for all link states
// See http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
@mixin link-pseudos($col,$col2,$col3) {
&:link {
color: $col;
text-decoration: none;
}
&:visited {
color: $col;
}
&:hover {
color: $col2;
background-color: $col3;
}
&:focus, &:active {
color: $col2;
background-color: $col3;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment