86 lines
3.2 KiB
Plaintext
86 lines
3.2 KiB
Plaintext
{% comment %}
|
|
Renders social icons.
|
|
Accepts:
|
|
- class: {String} a class to be added to the <ul> element (optional).
|
|
|
|
Usage:
|
|
{% render 'social-icons',
|
|
class: 'my-class'
|
|
%}
|
|
{% endcomment %}
|
|
|
|
<ul class="list-unstyled list-social{% if class %} {{ class}}{% endif %}" role="list">
|
|
{%- if settings.social_facebook_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_facebook_link }}" class="link list-social__link">
|
|
{%- render 'icon-facebook' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_instagram_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_instagram_link }}" class="link list-social__link">
|
|
{%- render 'icon-instagram' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_youtube_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_youtube_link }}" class="link list-social__link">
|
|
{%- render 'icon-youtube' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_tiktok_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_tiktok_link }}" class="link list-social__link">
|
|
{%- render 'icon-tiktok' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_twitter_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_twitter_link }}" class="link list-social__link">
|
|
{%- render 'icon-twitter' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_pinterest_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_pinterest_link }}" class="link list-social__link">
|
|
{%- render 'icon-pinterest' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_snapchat_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_snapchat_link }}" class="link list-social__link">
|
|
{%- render 'icon-snapchat' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_tumblr_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_tumblr_link }}" class="link list-social__link">
|
|
{%- render 'icon-tumblr' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- if settings.social_vimeo_link != blank -%}
|
|
<li class="list-social__item">
|
|
<a href="{{ settings.social_vimeo_link }}" class="link list-social__link">
|
|
{%- render 'icon-vimeo' -%}
|
|
<span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
|
|
</a>
|
|
</li>
|
|
{%- endif -%}
|
|
</ul>
|