Skip to content

Instantly share code, notes, and snippets.

@justingrady
Forked from koycarraway/_vars-social-colors.scss
Last active December 9, 2015 20:55
Show Gist options
  • Save justingrady/b18f9ff3dd555834c235 to your computer and use it in GitHub Desktop.
Save justingrady/b18f9ff3dd555834c235 to your computer and use it in GitHub Desktop.
Sass color variables for popular brands and social media.
// Social Colors
// 'put socialcolor-' as to 'namespace' the variable
// ====================================================================
$socialcolor-facebook : hsla(222, 47%, 40%, 1); // #365397
$socialcolor-twitter : hsla(198, 100%, 47%, 1); // #00a9f1
$socialcolor-linkedin : hsla(203, 100%, 35%, 1); // #006db3
$socialcolor-apple : hsla(0, 0%, 45%, 1); // #737373
$socialcolor-google : hsla(217, 89%, 61%, 1); // #4285f4
$socialcolor-google_plus : hsla(8, 74%, 53%, 1); // #e0452c
$socialcolor-youtube : hsla(0, 100%, 60%, 1); // #ff3333
$socialcolor-vimeo : hsla(200, 82%, 61%, 1); // #48b6ed
$socialcolor-pinterest : hsla(0, 78%, 45%, 1); // #ce1a19
$socialcolor-yelp : hsla(5, 100%, 38%, 1); // #c30f00
$socialcolor-dribbble : hsla(338, 82%, 60%, 1); // #ed4584
$socialcolor-amazon : hsla(36, 100%, 50%, 1); // #ff9700
$socialcolor-ebay : hsla(219, 89%, 30%, 1); // #083790
$socialcolor-skype : hsla(198, 100%, 48%, 1); // #00acf4
$socialcolor-instagram : hsla(208, 46%, 41%, 1); // #396d9a
$socialcolor-dropbox : hsla(206, 89%, 46%, 1); // #0d84de
$socialcolor-flickr : hsla(334, 100%, 46%, 1); // #ea0066
$socialcolor-github : hsla(0, 0%, 18%, 1); // #2f2f2f
$socialcolor-basecamp : hsla(121, 38%, 58%, 1); // #6bbd6d
$socialcolor-tumblr : hsla(210, 37%, 30%, 1); // #304c68
$socialcolor-foursquare : hsla(206, 72%, 45%, 1); // #207dc5
$socialcolor-box : hsla(204, 83%, 40%, 1); // #1277bc
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment