milligram/src/_Typography.sass
2016-09-10 02:00:51 -03:00

66 lines
879 B
Sass
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// 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