66 lines
879 B
Sass
66 lines
879 B
Sass
|
||
// Typography
|
||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||
|
||
p
|
||
margin-top: 0
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6
|
||
font-weight: 300
|
||
letter-spacing: -.1rem
|
||
margin-bottom: 2.0rem
|
||
margin-top: 0
|
||
|
||
h1
|
||
font-size: 4.0rem
|
||
line-height: 1.2
|
||
|
||
h2
|
||
font-size: 3.6rem
|
||
line-height: 1.25
|
||
|
||
h3
|
||
font-size: 3.0rem
|
||
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
|
||
@media (min-width: 40rem) // Safari desktop has a bug using `rem`, but Safari mobile works
|
||
|
||
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
|