Article

Create articles within your page.

Usage

The article component consists of the article itself, a title, meta data, an opening paragraph and dividers.

Class Description
.f-article Add this class to define the Article component. Typically you would use an <article> element for this.
.f-article-title Add this class to a heading to create an article title. Typically you would use a <h1> element for this.
.f-article-meta Add this class to a paragraph which contains meta data about your article. If placed directly after the heading the margin will be removed.
.f-article-lead Add this class to the opening paragraph of your article to highlight it.
.f-article-divider Add this class to a <hr> element to create a divider seperating different sections of your article.

Example

Article title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Read more

Markup

<article class="f-article">
	<h1 class="f-article-title">...</h1>
	<p class="f-article-meta">...</p>
	<p class="f-article-lead">...</p>
	...
	<hr class="f-article-divider">
	...
</article>