WordPress social links menu powered by Font Awesome

wp-social-links-menu.css

/* Social Links Menu */
.social-navigation a {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f09a";
}

.social-navigation a[href*="flickr.com"]:before {
	content: "\f16e";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f0d5";
}

.social-navigation a[href*="github.com"]:before {
	content: "\f09b";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before {
	content: "\f0e1";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f231";
}

.social-navigation a[href*="tumblr.com"]:before {
	content: "\f173";
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f099";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f27d";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
	content: "\f19a";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f167";
}

.social-navigation a[href*="mailto:"]:before {
	content: "\f0e0";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f09e";
}

wp-social-links-menu.scss

/* Social Links Menu */
.social-navigation {
	margin-top: 1.5em;

	a {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&[href*="facebook.com"]:before {
			content: "\f09a";
		}

		&[href*="flickr.com"]:before {
			content: "\f16e";
		}

		&[href*="flickr.com"]:before {
			content: "\f16e";
		}

		&[href*="plus.google.com"]:before {
			content: "\f0d5";
		}

		&[href*="github.com"]:before {
			content: "\f09b";
		}

		&[href*="instagram.com"]:before {
			content: "\f16d";
		}

		&[href*="linkedin.com"]:before {
			content: "\f0e1";
		}

		&[href*="pinterest.com"]:before {
			content: "\f231";
		}

		&[href*="tumblr.com"]:before {
			content: "\f173";
		}

		&[href*="twitter.com"]:before {
			content: "\f099";
		}

		&[href*="vimeo.com"]:before {
			content: "\f27d";
		}

		&[href*="wordpress.com"]:before,
		&[href*="wordpress.org"]:before {
			content: "\f19a";
		}

		&[href*="youtube.com"]:before {
			content: "\f167";
		}

		&[href*="mailto:"]:before {
			content: "\f0e0";
		}

		&[href$="/feed/"]:before {
			content: "\f09e";
		}
	}
}