Paragraph

The paragraph reset provides styles and modifier clases to semantic HTML5 paragraphs.

Styles

The following optional styles can be used independently or together.

Lead paragraph

To style a paragraph as the lead paragraph, simply add a .cwf-paragraph--lead class to the first paragraph or the wrapping element of your text.

Paragraph with drop cap

To style a paragraph with a drop cap, simply add a .cwf-paragraph--drop-cap class to the first paragraph or the wrapping element of your text.

Examples

Element

This is an example of a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget congue turpis. Praesent volutpat accumsan dictum. Morbi fringilla ipsum at est aliquet consectetur. Aliquam ornare, lectus eu varius ullamcorper, massa mi posuere enim, vel faucibus lacus leo a tortor. In feugiat ipsum nec fringilla interdum. Praesent condimentum accumsan elit ac laoreet. Nulla convallis lectus at felis blandit porta.

Lead paragraph

This is an example of a lead paragraph. Mauris consectetur mauris sit amet ipsum pharetra, eget accumsan libero tristique. Fusce finibus, nibh ac malesuada laoreet, velit dolor sodales justo, id maximus ligula ligula eu ligula. Mauris ut congue sem. Nam sit amet orci in ex pulvinar porttitor id ut leo. Morbi eleifend scelerisque lorem. Donec et lectus vitae neque rutrum sollicitudin eu ut nibh. In porttitor leo nec pretium ullamcorper. Nam sed ligula ultrices, tristique lectus sed, lacinia purus. Donec congue, lectus rutrum faucibus mattis, felis neque posuere urna, at luctus massa nunc et erat. Nulla facilisi. Etiam eu neque et tellus facilisis lacinia accumsan sollicitudin tellus. In facilisis velit dolor, ac placerat diam porta ac.

Paragraph with drop cap

This is an example of a paragraph with a drop cap. Nullam eleifend consequat augue. Donec ac libero lacus. Fusce sodales nisi a rhoncus convallis. Donec a quam quis mauris rhoncus lobortis sed vel orci. Mauris id turpis sit amet mi dictum finibus. Proin risus tortor, commodo et ex in, fermentum semper sem. Nam tempus lacus sit amet purus efficitur, ut pharetra purus maximus. Cras tincidunt ornare neque, eu consectetur diam laoreet sit amet. Morbi facilisis tortor eleifend dapibus pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras sit amet nisl luctus, pretium enim eget, tincidunt ante. Vivamus fermentum hendrerit libero, sed accumsan ipsum efficitur a. Proin tincidunt, urna et egestas maximus, quam dui facilisis purus, in ultricies massa elit eget odio. Duis commodo scelerisque bibendum. Nam accumsan in sem maximus feugiat.