2020-05-07 08:03:30 +02:00
|
|
|
|
import React from 'react'
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
|
title: 'Typography'
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export const Body = () => (
|
|
|
|
|
|
<div style={{ maxWidth: '600px' }}>
|
|
|
|
|
|
<p>
|
2020-07-13 23:48:19 +02:00
|
|
|
|
Sharp Sans Medium. Ummm…to eBay? Oh sure!{' '}
|
|
|
|
|
|
<a href="">Blame the wizards!</a> Hello, little man.{' '}
|
|
|
|
|
|
<strong>I will destroy you!</strong> I’ve been there. My folks were always
|
|
|
|
|
|
on me to groom myself and <em>wear underpants</em>. What am I, the pope?
|
|
|
|
|
|
Leela’s gonna kill me.
|
2020-05-07 08:03:30 +02:00
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
Yes, I saw. You were doing well, until everyone died. Check it out, y’all.
|
|
|
|
|
|
Everyone who was invited is here. But I know you in the future. I cleaned
|
|
|
|
|
|
your poop. I’m sure those windmills will keep them cool.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
export const Headings = () => (
|
|
|
|
|
|
<>
|
2020-07-13 23:48:19 +02:00
|
|
|
|
<h1>Sharp Sans Display No.1 Bold</h1>
|
2020-05-07 08:03:30 +02:00
|
|
|
|
<h1>Heading 1</h1>
|
|
|
|
|
|
<h2>Heading 2</h2>
|
|
|
|
|
|
<h3>Heading 3</h3>
|
|
|
|
|
|
<h4>Heading 4</h4>
|
|
|
|
|
|
<h5>Heading 5</h5>
|
|
|
|
|
|
</>
|
|
|
|
|
|
)
|
