Верстка иконок с генерацией через each в Pug

Всем привет. В чем собственно проблема. Мне нужно сверстать 4 иконки в ряд. Причем нужно использовать Font Awesome. Вообщем, я создал цикл each с переменной social для создания элементов списка, но когда я хочу сгенерировать для каждого элемента списка по одному классу, то генерируется по 4 элемента в каждом списке. тоесть получается.`

<ul class="socials">
          <li class="social__icon_fb">
            <i class="fab fa-facebook-f"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-skype"></i>
            <i class="fab fa-linkedin-in"></i>
          </li>
          <li class="social__icon_tw">
            <i class="fab fa-facebook-f"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-skype"></i>
            <i class="fab fa-linkedin-in"></i>
          </li>
          <li class="social__icon_skype">
            <i class="fab fa-facebook-f"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-skype"></i>
            <i class="fab fa-linkedin-in"></i>
          </li>
          <li class="social__icon_in">
            <i class="fab fa-facebook-f"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-skype"></i>
            <i class="fab fa-linkedin-in"></i>
          </li>

`

введите сюда описание изображения


Ответы (0 шт):