Skip to content

Instantly share code, notes, and snippets.

@pololee

pololee/social-icon-hover.css

Created March 13, 2015 23:35
Show Gist options
  • Star 16 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save pololee/c13213df6f560cfd2075 to your computer and use it in GitHub Desktop.
Save pololee/c13213df6f560cfd2075 to your computer and use it in GitHub Desktop.
Download ZIP
hover color for different social icons
Raw
social-icon-hover.css
/* Change the color of individual Social Icons */
a.icon-feed {color:#DC622C;} /* Change to desired color */
a.icon-twitter {color:#00B6F1;} /* Change to desired color */
a.icon-facebook {color:#3B5998;} /* Change to desired color */
a.icon-google {color:#C20806;} /* Change to desired color */
a.icon-instagram {color:#2C6A93;} /* Change to desired color */
a.icon-wordpress {color:#04769C;} /* Change to desired color */
a.icon-youtube {color:#C31A1E;} /* Change to desired color */
a.icon-pinterest {color:#C91517;} /* Change to desired color */
a.icon-github {color:#040204;} /* Change to desired color */
a.icon-dribbble {color:#333333;} /* Change to desired color */
a.icon-linkedin {color:#04669A;} /* Change to desired color */
/* Alternative - Change the color of individual Social Icons when hovering, otherwise darkgrey */
a.icon-feed {color:darkgrey;} /* Change to desired color */
a.icon-twitter {color:darkgrey;} /* Change to desired color */
a.icon-facebook {color:darkgrey;} /* Change to desired color */
a.icon-google {color:darkgrey;} /* Change to desired color */
a.icon-instagram {color:darkgrey;} /* Change to desired color */
a.icon-wordpress {color:darkgrey;} /* Change to desired color */
a.icon-youtube {color:darkgrey;} /* Change to desired color */
a.icon-pinterest {color:darkgrey;} /* Change to desired color */
a.icon-github {color:darkgrey;} /* Change to desired color */
a.icon-dribbble {color:darkgrey;} /* Change to desired color */
a.icon-linkedin {color:darkgrey;} /* Change to desired color */
a.icon-feed:hover {color:#DC622C;} /* Change to desired color */
a.icon-twitter:hover {color:#00B6F1;} /* Change to desired color */
a.icon-facebook:hover {color:#3B5998;} /* Change to desired color */
a.icon-google:hover {color:#C20806;} /* Change to desired color */
a.icon-instagram:hover {color:#2C6A93;} /* Change to desired color */
a.icon-wordpress:hover {color:#04769C;} /* Change to desired color */
a.icon-youtube:hover {color:#C31A1E;} /* Change to desired color */
a.icon-pinterest:hover {color:#C91517;} /* Change to desired color */
a.icon-github:hover {color:#040204;} /* Change to desired color */
a.icon-dribbble:hover {color:#333333;} /* Change to desired color */
a.icon-linkedin:hover {color:#04669A;} /* Change to desired color */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment