Paul Smith's College Component Library

Share 

<div class="js-share-tools share_tools">
    <div class="share_tools_header">
        <h2 class="share_tools_title">Share</h2>
    </div>
    <ul class="share_tools_list" aria-label="Share">
        <li class="share_tool_item">
            <a class="share_tool" href="https://twitter.com/intent/tweet?text=&url=" target="_blank" rel="noopener">
                <span class="share_tool_icon">
                    <svg class="icon icon_x">
                        <use href="/images/icons.svg#x" />
                    </svg>
                </span>
                <span class="share_tool_label">Share to Twitter</span>
            </a>
        </li>
        <li class="share_tool_item">
            <a class="share_tool" href="https://www.facebook.com/sharer/sharer.php?u=" target="_blank" rel="noopener">
                <span class="share_tool_icon">
                    <svg class="icon icon_facebook">
                        <use href="/images/icons.svg#facebook" />
                    </svg>
                </span>
                <span class="share_tool_label">Share to Facebook</span>
            </a>
        </li>
        <li class="share_tool_item">
            <a class="share_tool" href="https://www.linkedin.com/shareArticle?mini=true&url=&title=" target="_blank" rel="noopener">
                <span class="share_tool_icon">
                    <svg class="icon icon_linkedin">
                        <use href="/images/icons.svg#linkedin" />
                    </svg>
                </span>
                <span class="share_tool_label">Share to Linkedin</span>
            </a>
        </li>
    </ul>
</div>
 
{#
	{% include '@partial-share' with {
		title: 'Share',
		items: [
			'Facebook',
			'Twitter',
			'Linkedin'
		]
	} %}
#}

<div class="js-share-tools share_tools">
	<div class="share_tools_header">
		<h2 class="share_tools_title">{{ title }}</h2>
	</div>
	<ul class="share_tools_list" aria-label="{{ title }}">
		{% if 'Twitter' in items %}
			<li class="share_tool_item">
				<a class="share_tool" href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.url }}" target="_blank" rel="noopener">
					<span class="share_tool_icon">{{ icon('x') }}</span>
					<span class="share_tool_label">Share to Twitter</span>
				</a>
			</li>
		{% endif %}
		{% if 'Facebook' in items %}
			<li class="share_tool_item">
				<a class="share_tool" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url }}" target="_blank" rel="noopener">
					<span class="share_tool_icon">{{ icon('facebook') }}</span>
					<span class="share_tool_label">Share to Facebook</span>
				</a>
			</li>
		{% endif %}
		{% if 'Linkedin' in items %}
			<li class="share_tool_item">
				<a class="share_tool" href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank" rel="noopener">
					<span class="share_tool_icon">{{ icon('linkedin') }}</span>
					<span class="share_tool_label">Share to Linkedin</span>
				</a>
			</li>
		{% endif %}
	</ul>
</div>

No notes defined.