1 |
87dbc3bf
|
Benjamin Luce
|
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 |
|
|
} |