42 #social Social Media

Social Media Links

<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>