There are no notes for this item.

<div class="dg-blocks-social">
  <span>{{ 'Volg Stad Gent op sociale media'  }}</span>
  {% include '@social-list' %}
</div>
<div class="dg-blocks-social">
    <span>Volg Stad Gent op sociale media</span>
    <div class="social-list">

        <ul class="">
            <li><a href="https://www.facebook.com/stadsbestuurgent"><i aria-hidden="true" class="icon-facebook"></i><span class="visually-hidden">Facebook</span></a></li>
            <li><a href="https://www.twitter.com/stadgent"><i aria-hidden="true" class="icon-twitter"></i><span class="visually-hidden">Twitter</span></a></li>
            <li><a href="https://www.linkedin.com/company/stad-gent"><i aria-hidden="true" class="icon-linkedin"></i><span class="visually-hidden">LinkedIn</span></a></li>
            <li><a href="https://www.youtube.com/channel/UCmJLf8SFG0D0GTd6LSSTQLw"><i aria-hidden="true" class="icon-youtube"></i><span class="visually-hidden">Youtube</span></a></li>
            <li><a href="https://www.instagram.com/stadgent/"><i aria-hidden="true" class="icon-instagram"></i><span class="visually-hidden">Instagram</span></a></li>
        </ul>

    </div>
</div>
/* No context defined for this component. */
  • Content:
    .dg-blocks-social {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 2rem;
      margin-bottom: 1rem;
    
      @include tablet {
        flex-wrap: nowrap;
        margin-bottom: 0;
      }
    
      @include desktop {
        justify-content: flex-end;
      }
    
      > span,
      > div {
        margin-bottom: 1.2rem;
        font-size: .7rem;
        line-height: 1rem;
    
        @include phablet {
          margin-bottom: 0;
        }
      }
    
      > span {
        flex-basis: 100%;
        text-align: center;
    
        @include phablet {
          flex-basis: auto;
          text-align: right;
        }
    
        @include tablet {
          margin-right: 1.4rem;
        }
      }
    }
    
  • URL: /components/raw/social-media-block/_social-media-block.scss
  • Filesystem Path: components/31-molecules/footer-blocks/social-media-block/_social-media-block.scss
  • Size: 642 Bytes