BTE Technologies, LLC Component Library

Share Simple 

<div class="simple_share">
    <h2 class="simple_share_title">Share This Article</h2>
    <ul class="simple_share_list">
        <li class="simple_share_list_item">
            <a href="#" class="simple_share_list_item_link">
                <span class="simple_share_list_item_link_label">Facebook</span>
                <span class="simple_share_list_item_link_icon">
                    <svg class="icon icon_facebook">
                        <use href="/images/icons.svg#facebook" />
                    </svg>
                </span>
            </a>
        </li>
        <li class="simple_share_list_item">
            <a href="#" class="simple_share_list_item_link">
                <span class="simple_share_list_item_link_label">Twitter</span>
                <span class="simple_share_list_item_link_icon">
                    <svg class="icon icon_twitter">
                        <use href="/images/icons.svg#twitter" />
                    </svg>
                </span>
            </a>
        </li>
        <li class="simple_share_list_item">
            <a href="#" class="simple_share_list_item_link">
                <span class="simple_share_list_item_link_label">LinkedIn</span>
                <span class="simple_share_list_item_link_icon">
                    <svg class="icon icon_linkedin">
                        <use href="/images/icons.svg#linkedin" />
                    </svg>
                </span>
            </a>
        </li>
    </ul>
</div>
 
<div class="simple_share{% if modifier %} modifier_{{ modifier }}{% endif %}">
	<h2 class="simple_share_title">{{ title }}</h2>
	<ul class="simple_share_list">
		{% for item in items %}
		<li class="simple_share_list_item">
			<a href="#" class="simple_share_list_item_link">
				<span class="simple_share_list_item_link_label">{{ item }}</span>
				<span class="simple_share_list_item_link_icon">{{ icon(item|lower) }}</span>
			</a>
		</li>
		{% endfor %}
	</ul>
</div>

No notes defined.