42 #social Social Media
Social Media Links
Examples
Follow the latest progress and learn more about getting involved.
.social-media-links__horizontal
Horizontal modifier
Follow the latest progress and learn more about getting involved.
<div class="social-media-links [modifier class]">
<span class="social-media-links__label">Follow the latest progress and learn more about getting involved.</span>
<ul class="social-media-links__list">
<li class="social-media-links__item"><a href="#" title="Twitter" class="icon-social icon-social--instagram">Instagram</a></li>
<li class="social-media-links__item"><a href="http://facebook.com" title="Facebook" class="icon-social icon-social--facebook">Facebook with an insanely long label that is going to break in multiple lines and we should always see the icon aligned with the text</a></li>
<li class="social-media-links__item"><a href="http://twitter.com" title="Twitter" class="icon-social icon-social--twitter">Twitter</a></li>
<li class="social-media-links__item"><a href="#" title="Twitter" class="icon-social icon-social--flickr">Flickr</a></li>
<li class="social-media-links__item social-media-links__item--noicon"><a href="#">Other social networks.</a></li>
</ul>
</div>