Index

arrow_back "Text" Category

Text

Increases line-height and enables other typographic styles for large sections of text.

Demo

A Bunch of Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rhoncus placerat eros, vel aliquam odio facilisis vitae. Nam egestas, elit id venenatis rhoncus, tellus diam tincidunt purus, maximus vehicula urna ipsum sit amet nibh. Nullam accumsan odio ut mauris consequat suscipit. Sed accumsan sit amet felis ac auctor. Pellentesque laoreet erat ullamcorper, molestie leo quis, congue lectus. Morbi pharetra gravida porta. Praesent egestas, felis et posuere ullamcorper, dolor urna commodo mauris, in volutpat sem est sed massa. Ut libero eros, venenatis nec eros vitae, dapibus pulvinar massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed facilisis facilisis fermentum. Cras nulla purus, scelerisque ut arcu non, tincidunt consectetur est. Proin accumsan elit quis ultricies efficitur. Maecenas malesuada dictum consectetur. Curabitur faucibus pretium elit et volutpat.

Code

code scss/elements/_text.scss
<div class="text">
	<h3>A Bunch of Text</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rhoncus placerat eros, vel aliquam odio facilisis vitae. Nam egestas, elit id venenatis rhoncus, tellus diam tincidunt purus, maximus vehicula urna ipsum sit amet nibh. Nullam accumsan odio ut mauris consequat suscipit. Sed accumsan sit amet felis ac auctor. Pellentesque laoreet erat ullamcorper, molestie leo quis, congue lectus. Morbi pharetra gravida porta. Praesent egestas, felis et posuere ullamcorper, dolor urna commodo mauris, in volutpat sem est sed massa. Ut libero eros, venenatis nec eros vitae, dapibus pulvinar massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed facilisis facilisis fermentum. Cras nulla purus, scelerisque ut arcu non, tincidunt consectetur est. Proin accumsan elit quis ultricies efficitur. Maecenas malesuada dictum consectetur. Curabitur faucibus pretium elit et volutpat.</p>
</div>