2015-12-26 01:58:41 +00:00
|
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
p
|
|
|
|
|
margin-top: 0
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6
|
|
|
|
|
font-weight: 300
|
|
|
|
|
margin-bottom: 2.0rem
|
|
|
|
|
margin-top: 0
|
|
|
|
|
|
|
|
|
|
h1
|
|
|
|
|
font-size: 4.0rem
|
|
|
|
|
letter-spacing: -.1rem
|
|
|
|
|
line-height: 1.2
|
|
|
|
|
|
|
|
|
|
h2
|
|
|
|
|
font-size: 3.6rem
|
|
|
|
|
letter-spacing: -.1rem
|
|
|
|
|
line-height: 1.25
|
|
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
font-size: 3.0rem
|
|
|
|
|
letter-spacing: -.1rem
|
|
|
|
|
line-height: 1.3
|
|
|
|
|
|
|
|
|
|
h4
|
|
|
|
|
font-size: 2.4rem
|
|
|
|
|
letter-spacing: -.08rem
|
|
|
|
|
line-height: 1.35
|
|
|
|
|
|
|
|
|
|
h5
|
|
|
|
|
font-size: 1.8rem
|
|
|
|
|
letter-spacing: -.05rem
|
|
|
|
|
line-height: 1.5
|
|
|
|
|
|
|
|
|
|
h6
|
|
|
|
|
font-size: 1.6rem
|
|
|
|
|
letter-spacing: 0
|
|
|
|
|
line-height: 1.4
|
|
|
|
|
|
|
|
|
|
// Larger than mobile screen
|
2016-09-10 04:32:11 +00:00
|
|
|
|
@media (min-width: 40rem) // Safari desktop has a bug using `rem`, but Safari mobile works
|
2015-12-26 01:58:41 +00:00
|
|
|
|
|
|
|
|
|
h1
|
|
|
|
|
font-size: 5.0rem
|
|
|
|
|
|
|
|
|
|
h2
|
|
|
|
|
font-size: 4.2rem
|
|
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
font-size: 3.6rem
|
|
|
|
|
|
|
|
|
|
h4
|
|
|
|
|
font-size: 3.0rem
|
|
|
|
|
|
|
|
|
|
h5
|
|
|
|
|
font-size: 2.4rem
|
|
|
|
|
|
|
|
|
|
h6
|
|
|
|
|
font-size: 1.5rem
|