Wordpress Social Menu

wp-social-menu.less

// Inspiration:
// https://kovshenin.com/2014/social-menus-in-wordpress-themes/

#menu-social-menu{
	width: auto;
	test-align: center;
	display: inline-block;
	margin-top: 5px;
	li {
		float: left;
		padding:5px 5px 0;
		border: 0;
		i {
			color: white;
			font-size: 18px;
		}
		a {
			display: none;
			&:after {
				font-family: 'FontAwesome';
				font-size: 18px;
			}
		}

		a[href*="facebook"]:after {
			content: "\f09a";
		}
		a[href*="twitter"]:after {
			content: "\f099";
		}
		a[href*="pinterest"]:after {
			content: "\f0d2";
		}
		a[href*="instagram"]:after {
			content: "\f16d";
		}

	}
}