Typography

Default headings

Toggle source (Jade)
h1 Heading 1
hr
h1 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth.
hr
h2 Heading 2
hr
h2 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth. Schlitz bespoke authentic, 3 wolf moon sartorial fanny pack
hr
h3 Heading 3
hr
h3 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth. Schlitz bespoke authentic, 3 wolf moon sartorial fanny pack
hr
h4 Heading 4
hr
h4 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth. Schlitz bespoke authentic, 3 wolf moon sartorial fanny pack drinking vinegar tote bag Wes Anderson hoodie.
hr
h5 Heading 5
hr
h5 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth. Schlitz bespoke authentic, 3 wolf moon sartorial fanny pack drinking vinegar tote bag Wes Anderson hoodie. Kale chips authentic cray kogi
hr
h6 Heading 6
hr
h6 Tumblr single-origin coffee umami slow-carb leggings. High Life biodiesel lomo synth. Schlitz bespoke authentic, 3 wolf moon sartorial fanny pack drinking vinegar tote bag Wes Anderson hoodie. Kale chips authentic cray kogi, Shoreditch trust fund Carles craft beer skateboard biodiesel shabby chic salvia.

Paragraphs

Toggle source (Jade)
p Normal paragraph
p Another competely normal paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut est. Cras tempus justo ut tortor. Integer arcu. Quisque pede.
hr
p.is-lead A lead paragraph
p.is-lead Followed by a second lead paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut est. Cras tempus justo ut tortor. Integer arcu. Quisque pede.
hr
p.t-small A small text paragraph
p.t-small Followed by a second small text paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut est. Cras tempus justo ut tortor. Integer arcu. Quisque pede.

Lists

Toggle source (Jade)
ul
	li Unordered list
	li Some list item which is very very very long with maybe some lorem ipsum dolor sit amet, consectetuer adipiscing elit, lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	li Final list item
hr
ol
	li Ordered list
	li Some list item which is very very very long with maybe some lorem ipsum dolor sit amet, consectetuer adipiscing elit, lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	li Final list item
Toggle source (Jade)
p
	a(href='#xyz') Normal link
p
	a(href='/demo/base/typography.html') Visited link
p
	a() Link without href

Text alignment utilities

Toggle source (Jade)
p.t-left Normal paragraph, to the left
p.t-center Another competely normal paragraph, in the center
p.t-right Paragraph to the right