Link Bars

Link Bar

<div class="link-bar">
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link active">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
</div>

Link Bar Centered

Link Text Link Text Link Text Link Text

<div class="link-bar justify-center">
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link active">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
</div>

Link Bar Full Width

Link Text Link Text Link Text Link Text

<div class="link-bar">
	<a href="" class="link-bar__link flex-1">Link Text</a>
	<a href="" class="link-bar__link flex-1 active">Link Text</a>
	<a href="" class="link-bar__link flex-1">Link Text</a>
	<a href="" class="link-bar__link flex-1">Link Text</a>
</div>

Link Bar with Horizontal Scroll

Link Text Link Text Link Text Link Text Link Text Link Text Link Text Link Text Link Text Link Text Link Text Link Text

<div class="link-bar link-bar--scroll">
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link active">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
	<a href="" class="link-bar__link">Link Text</a>
</div>