Quote

This is a quote block which will be used to represent some highlighted text. It comes mostly as a group of four blocks but can also be used as a standalone component.

Default

px

			
				<div class="a-quote ">
	<h3 class="a-quote__text">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.
		Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas sed diam eget risus varius blandit sit amet non magna</h3>
	<p class="a-quote__author a-label">- John Smith -</p>
</div>
			

		

Small

px

			
				<div class="a-quote a-quote--small ">
	<h4 class="a-quote__text">Stel batterijen (of een toestel met batterijen) nooit onnodig bloot aan de zon of aan vocht.</h4>
</div>
			

		

Documentation

Modifiers

  • a-quote--dark

    Will give the background a dark color

  • a-quote--white

    Will give the background a white color

  • a-quote--light

    Will give the background a light background

  • a-quote--primary

    Will give the background the primary color

  • a-quote--small

    Will reduce the padding and font size