Commit 53de0c2
doc: improve header styling for API docs
Sizes were mostly decided by using http://type-scale.com/
with the 1.250 "Major Third" scaling.
PR-URL: #8811
Reviewed-By: Roman Reiss <me@silverwind.io>
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>
Reviewed-By: Prince John Wesley <princejohnwesley@gmail.com>
Reviewed-By: Rod Vagg <rod@vagg.org>
Reviewed-By: Phillip Johnsen <johphi@gmail.com>1 parent 9077f63 commit 53de0c2
1 file changed
Lines changed: 29 additions & 29 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -15,6 +15,31 @@ body { | |||
| 15 | 15 | background: #fff; | |
| 16 | 16 | } | |
| 17 | 17 | ||
| 18 | + h1, h2, h3, h4 { | ||
| 19 | + margin: .8em 0 .5em; | ||
| 20 | + line-height: 1.2; | ||
| 21 | + } | ||
| 22 | + | ||
| 23 | + h5, h6 { | ||
| 24 | + margin: 1em 0 .8em; | ||
| 25 | + line-height: 1.2; | ||
| 26 | + } | ||
| 27 | + | ||
| 28 | + h1 { | ||
| 29 | + margin-top: 0; | ||
| 30 | + font-size: 2.441em; | ||
| 31 | + } | ||
| 32 | + | ||
| 33 | + h2 {font-size: 1.953em;} | ||
| 34 | + | ||
| 35 | + h3 {font-size: 1.563em;} | ||
| 36 | + | ||
| 37 | + h4 {font-size: 1.25em;} | ||
| 38 | + | ||
| 39 | + h5 {font-size: 1em;} | ||
| 40 | + | ||
| 41 | + h6 {font-size: .8em;} | ||
| 42 | + | ||
| 18 | 43 | pre, tt, code, .pre, span.type, a.type { | |
| 19 | 44 | font-family: Monaco, Consolas, "Lucida Console", monospace; | |
| 20 | 45 | } | |
@@ -127,7 +152,7 @@ abbr { | |||
| 127 | 152 | p { | |
| 128 | 153 | position: relative; | |
| 129 | 154 | text-rendering: optimizeLegibility; | |
| 130 | - margin: 0 0 1em 0; | ||
| 155 | + margin: 0 0 1.125em 0; | ||
| 131 | 156 | line-height: 1.5em; | |
| 132 | 157 | } | |
| 133 | 158 | ||
@@ -180,10 +205,10 @@ h1, h2, h3, h4, h5, h6 { | |||
| 180 | 205 | text-rendering: optimizeLegibility; | |
| 181 | 206 | font-weight: 700; | |
| 182 | 207 | position: relative; | |
| 183 | - margin-bottom: .5em; | ||
| 184 | 208 | } | |
| 185 | 209 | ||
| 186 | 210 | header h1 { | |
| 211 | + font-size: 2em; | ||
| 187 | 212 | line-height: 2em; | |
| 188 | 213 | margin: 0; | |
| 189 | 214 | } | |
@@ -198,30 +223,15 @@ header h1 { | |||
| 198 | 223 | background-color: #ccc; | |
| 199 | 224 | } | |
| 200 | 225 | ||
| 201 | - #toc + h1 { | ||
| 202 | - margin-top: 1em; | ||
| 203 | - padding-top: 0; | ||
| 204 | - } | ||
| 205 | - | ||
| 206 | - h2 { | ||
| 207 | - font-size: 1.5em; | ||
| 208 | - margin: 1em 0 .5em; | ||
| 209 | - } | ||
| 210 | - | ||
| 211 | 226 | h2 + h2 { | |
| 212 | 227 | margin: 0 0 .5em; | |
| 213 | 228 | } | |
| 214 | 229 | ||
| 215 | - h3 { | ||
| 216 | - font-size: 1em; | ||
| 217 | - margin: 1.5em 0 .5em; | ||
| 218 | - } | ||
| 219 | - | ||
| 220 | 230 | h3 + h3 { | |
| 221 | 231 | margin: 0 0 .5em; | |
| 222 | 232 | } | |
| 223 | 233 | ||
| 224 | - h2, h3, h4 { | ||
| 234 | + h2, h3, h4, h5 { | ||
| 225 | 235 | position: relative; | |
| 226 | 236 | padding-right: 40px; | |
| 227 | 237 | } | |
@@ -244,16 +254,6 @@ h1 span a, h2 span a, h3 span a, h4 span a { | |||
| 244 | 254 | font-weight: bold; | |
| 245 | 255 | } | |
| 246 | 256 | ||
| 247 | - h5 { | ||
| 248 | - font-size: 1.125em; | ||
| 249 | - line-height: 1.4em; | ||
| 250 | - } | ||
| 251 | - | ||
| 252 | - h6 { | ||
| 253 | - font-size: 1em; | ||
| 254 | - line-height: 1.4667em; | ||
| 255 | - } | ||
| 256 | - | ||
| 257 | 257 | pre, tt, code { | |
| 258 | 258 | line-height: 1.5em; | |
| 259 | 259 | margin: 0; padding: 0; | |
@@ -353,7 +353,7 @@ hr { | |||
| 353 | 353 | margin-bottom: 0; | |
| 354 | 354 | } | |
| 355 | 355 | ||
| 356 | - p tt, p code, li code { | ||
| 356 | + tt, code { | ||
| 357 | 357 | font-size: .9em; | |
| 358 | 358 | color: #040404; | |
| 359 | 359 | background-color: #f2f2f2; | |
0 commit comments