Skip to content

Instantly share code, notes, and snippets.

View aschweigert's full-sized avatar

Adam Schweigert aschweigert

View GitHub Profile
@aschweigert
aschweigert / chart-styles.md
Last active May 25, 2018 15:14
Post Inline Elements

Styles exist to add headlines, credits and captions to charts.

To use these you'll need to wrap the entire chart in a <section> tag with the .inline-element and .chart classes:

<section class="inline-element chart">

Then you can use:

<span class="section-lead">Sometimes there is intro text such as lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, nunc non porta placerat, leo justo posuere justo, at mollis velit odio at mauris.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, nunc non porta placerat, leo justo posuere justo, at mollis velit odio at mauris. <strong>Bold text is very bold</strong> and <em>italic text is rendered in italics</em> and <em><strong>bold italics, yep we have that, too</strong></em>. <del>Strikethrough</del>.
Duis ac dapibus risus, eu semper dolor. Sed pretium massa odio, non dictum est fermentum vel. Cras laoreet mattis lorem et eleifend. Suspendisse mauris dui, mollis in velit eget, fringilla fringilla tortor. Etiam aliquam posuere lacus, tempor elementum neque fermentum sed. Cras eget mattis mi, sed vehicula odio. Sed tincidunt eget neque sed sodales. Donec vehicula in arcu venenatis elementum.
<h3 class="subheader">Here Is A Subhead</h3>
Ut effic