Disclosure list

A representation of an unordered list containing the atom: disclosure-link.

Default

px 

			
				<ul class="m-disclosure-list ">
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Volg een opleiding
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Ondersteun je collega&#39;s
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Vind een job
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
</ul>

Space between

px 

			
				<ul class="m-disclosure-list m-disclosure-list--space-between">
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Volg een opleiding
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Ondersteun je collega&#39;s
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
	<li class="m-disclosure-list__item">
		<a class="a-disclosure-link " href="#">
			<div class="a-disclosure-link__text">
				<span>
					Vind een job
				</span>
			</div>
			<span class="a-disclosure-link__icon icon-arrow-right"></span>
		</a>
	</li>
</ul>

Documentation

Modifiers

  • m-disclosure-list--space-between

    Create some spacing between the items of the list.