<?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; } } }