LPA - Shield

Modifiers

Default

Nieuws

Aanslag

13h05 | 24 mei 2018


			
				<div class="c-tag ">
	<div class="c-tag__background"></div>
	<span class="c-tag__text">
		Nieuws
	</span>
</div>
<div class="c-tag ">
	<div class="c-tag__background"></div>
	<span class="c-tag__text">
		Aanslag
	</span>
</div>
<div class="c-tag c-tag--white c-tag--small">
	<div class="c-tag__background"></div>
	<span class="c-tag__text">
		13h05
		<span class="c-tag__text-after">| 24 mei 2018</span>
	</span>
</div>

Documentation

Modifiers

c-tag--white

Changes the background color to white and the text color to primary blue.
c-tag--highlight

Changes the background color to a brighter color and the text weight to regular.
c-tag--small

A slightly smaller variant with default font size and less padding.
c-tag--no-overflow

Disables the default overflow hidden.
c-tag--link

Add the correct styling needed for tranforming the static tag to a link