Social Menu (old)

<?php gomo_menu_social(); ?>
<?php
if ( ! function_exists( 'gomo_menu_social' ) ) :
  	function gomo_menu_social() { ?>
  	 		<?php if ( has_nav_menu( 'social' ) ) { ?>
  	 			<div class="social-navigation-container">
	  	 			<nav aria-label="<?php esc_attr_e( 'Expanded Social links', 'gomo' ); ?>" role="navigation">
					<?php
						wp_nav_menu( array(
							'theme_location' => 'social',
							'menu_class'     => 'social-navigation',
							'container'     => '',
							//'menu_id'        => 'social-menu',
						 ) );
					?>
	  	 			</nav>
				</div><!-- .social-navigation-container -->
			<?php } 
  	};
endif; 	
?>
@mixin mixin-icon-box-social() {
	display: block;
	text-align: center;
	width: $icon-height-social;
	height: $icon-height-social;
	line-height: $icon-height-social;
	border-radius: $icon-border-radius-social;
	border: $icon-border-social;
	background-color: $color_primary;
	transition: all 0.3s ease;
	font-family: $font_family-awesome-brands;
	font-size: 0;
	
	&:before {
		font-size: $icon-font-size-social;
		color: $color_white;
	}
	&:hover, &:focus, &:active {
		background-color: $color_secondary; 
		filter: brightness(85%);
		text-decoration: none; 
	}
}
.social-navigation {
	display: block;
	margin: 0;
	padding: 0;
	ul {
		list-style: none;
		margin: 0;
	}
	li {
		display: inline-block;
		margin: 0 $margin-tiny;
	}
	a {	
		@include mixin-icon-box-social();
	}
	a[href*="twitter.com"] {
		&:before {
			content: "\f099";
		}
	}
	a[href*="yelp.com"] {
		&:before {
			content: "\f1e9";
		}
	}
	a[href*="foursquare.com"] {
		&:before {
			content: "\f180";
		}
	}
	a[href*="facebook.com"] {
		&:before {
			content: "\f39e";
		}
	}
	a[href*="google.com"] {
		&:before {
			content: "\f0d5";
		}
	}
	a[href*="instagram.com"] {
		&:before {
			content: "\f16d";
		}
	}
	a[href*="youtube.com"] {
		&:before {
			content: "\f167";
		}
	}
	a[href*="vimeo.com"] {
		&:before {
			content: "\f194";
		}
	}
	a[href*="dribbble.com"] {
		&:before {
			content: "\f17d";
		}
	}
	a[href*="github.com"] {
		&:before {
			content: "\f092";
		}
	}
	a[href*="flickr.com"] {
		&:before {
			content: "\f16e";
		}
	}
	a[href*="codepen.com"],
	a[href*="codepen.io"] {
		&:before {
			content: "\f1cb";
		}
	}
	a[href*="behance.com"],
	a[href*="behance.net"] {
		&:before {
			content: "\f1b4";
		}
	}
	a[href*="dropbox.com"] {
		&:before {
			content: "\f16b";
		}
	}
	a[href*="pinterest.com"] {
		&:before {
			content: "\f0d2";
		}
	}
	a[href*="reddit.com"] {
		&:before {
			content: "\f1a1";
		}
	}
	a[href*="soundcloud.com"] {
		&:before {
			content: "\f1be";
		}
	}
	a[href*="spotify.com"] {
		&:before {
			content: "\f1bc";
		}
	}
	a[href*="wordpress.com"] {
		&:before {
			content: "\f19a";
		}
	}
	a[href*="500px.com"] {
		&:before {
			content: "\f26e";
		}
	}
	a[href*="medium.com"] {
		&:before {
			content: "\f3c7";
		}
	}
	a[href*="slideshare.net"] {
		&:before {
			content: "\f1e7";
		}
	}
	a[href*="apple.com"],
	a[href*="apple.news"],
	a[href*="itunes.apple.com"] {
		&:before {
			content: "\f179";
		}
	}
	a[href*="stackoverflow.com"] {
		&:before {
			content: "\f16c";
		}
	}
	a[href*="rss"],
	a[href*="feed="],
	a[href*="/feed"] {
		&:before {
			content: "\f09e";
			text-indent: 1px;
		}
	}
	a[href*="linkedin.com"] {
		&:before {
			content: "\f0e1";
		}
	}
	a[href*="weibo.com"] {
		&:before {
			content: "\f18a";
		}
	}
	a[href*="goodreads.com"] {
		&:before {
			content: "\f3a8";
		}
	}
	a[href*="mailto"] {

		&:before {
			content: "\f0e0";
			font-family: $font_family-awesome;
			text-indent: -1px;
		}
	}
}