milligram/src/_Typography.sass

66 lines
881 B
Sass
Raw Normal View History

2015-12-26 01:58:41 +00:00
// Typography
//
p
margin-top: 0
h1,
h2,
h3,
h4,
h5,
h6
font-weight: 300
2016-09-10 05:00:51 +00:00
letter-spacing: -.1rem
2015-12-26 01:58:41 +00:00
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
2016-09-10 05:26:01 +00:00
@media (min-width: 40.0rem) // 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