typography created
This commit is contained in:
parent
3a3a3b5640
commit
26bde2420f
67
sass/_Typography.sass
Normal file
67
sass/_Typography.sass
Normal file
@ -0,0 +1,67 @@
|
||||
|
||||
// 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
|
||||
@media (min-width: 40.0rem)
|
||||
|
||||
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
|
Loading…
Reference in New Issue
Block a user