<ul class="social-icons">
    <li class="social-icons__item">
        <a class="social-icons__link" href="#"><svg class="icon icon--social-twitter">
  <use xlink:href="/assets/icons/icons.svg#social-twitter"></use>
</svg>
</a>
    </li>
    <li class="social-icons__item">
        <a class="social-icons__link" href="#"><svg class="icon icon--social-facebook">
  <use xlink:href="/assets/icons/icons.svg#social-facebook"></use>
</svg>
</a>
    </li>
    <li class="social-icons__item">
        <a class="social-icons__link" href="#"><svg class="icon icon--social-instagram">
  <use xlink:href="/assets/icons/icons.svg#social-instagram"></use>
</svg>
</a>
    </li>
</ul>
<ul class="social-icons">
  {{#each icons}}
  <li class="social-icons__item">
    <a class="social-icons__link" href="#">{{render (dynamicVariant 'icons' this)}}</a>
  </li>
  {{/each}}
</ul>
{
  "icons": [
    "social-twitter",
    "social-facebook",
    "social-instagram"
  ]
}
  • Content:
    .social-icons {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    
    .social-icons__item {
      display: inline-block;
    
      &:not(:last-child) {
        margin-right: 10px;
      }
    }
    
  • URL: /components/raw/social-icons/social-icons.scss
  • Filesystem Path: src/components/01-elements/social-icons/social-icons.scss
  • Size: 172 Bytes

There are no notes for this item.