13 social-links Social Links

Open in new window

This component is designed to display HTML content over an image, typically at the beginning of a document. This component can be used on its own, or as an item within a carousel.

Examples
Default styling
Markup: ../../../../../styleguide/styleguide-examples/social-links.njk 
<div class="knockout" style="padding: 10px;">
  <ul class="social-links">
    <li><a class="twitter" href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li>
    <li><a class="instagram" href="https://www.instagram.com/mozilla/">Instagram<span> (@mozilla)</span></a></li>
  </ul>
</div>
Source: ../kitsune/sumo/static/sumo/scss/components/_social-links.scss, line 3