1
|
h1 {
|
2
|
/* Set the font-size and line-height while keeping a proper vertical rhythm. */
|
3
|
font-size: 2em;
|
4
|
line-height: 1.5em; /* 3rem / 2em = 1.5em */
|
5
|
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
|
6
|
margin-top: 0.75em; /* 1.5rem / 2em = .75em */
|
7
|
margin-bottom: 0.75em;
|
8
|
}
|
9
|
h2 {
|
10
|
font-size: 1.5em;
|
11
|
line-height: 2em; /* 3rem / 1.5em = 2em */
|
12
|
margin-top: 1em; /* 1.5rem / 1.5em = 1em */
|
13
|
margin-bottom: 1em;
|
14
|
}
|
15
|
h3 {
|
16
|
font-size: 1.17em;
|
17
|
line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */
|
18
|
margin-top: 1.28205em;
|
19
|
margin-bottom: 1.28205em;
|
20
|
}
|
21
|
h4 {
|
22
|
font-size: 1em;
|
23
|
line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
|
24
|
margin-top: 1.5em;
|
25
|
margin-bottom: 1.5em;
|
26
|
}
|
27
|
h5 {
|
28
|
font-size: 0.83em;
|
29
|
line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */
|
30
|
margin-top: 1.80723em;
|
31
|
margin-bottom: 1.80723em;
|
32
|
}
|
33
|
h6 {
|
34
|
font-size: 0.67em;
|
35
|
line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */
|
36
|
margin-top: 2.23881em;
|
37
|
margin-bottom: 2.23881em;
|
38
|
}
|