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: https://github.com/nodejs/node/pull/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>
This commit is contained in:
Jeremiah Senkpiel 2016-09-27 18:57:46 -04:00
parent e8fadd8da5
commit f1a3755cd1

View File

@ -15,6 +15,31 @@ body {
background: #fff; background: #fff;
} }
h1, h2, h3, h4 {
margin: .8em 0 .5em;
line-height: 1.2;
}
h5, h6 {
margin: 1em 0 .8em;
line-height: 1.2;
}
h1 {
margin-top: 0;
font-size: 2.441em;
}
h2 {font-size: 1.953em;}
h3 {font-size: 1.563em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6 {font-size: .8em;}
pre, tt, code, .pre, span.type, a.type { pre, tt, code, .pre, span.type, a.type {
font-family: Monaco, Consolas, "Lucida Console", monospace; font-family: Monaco, Consolas, "Lucida Console", monospace;
} }
@ -127,7 +152,7 @@ abbr {
p { p {
position: relative; position: relative;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
margin: 0 0 1em 0; margin: 0 0 1.125em 0;
line-height: 1.5em; line-height: 1.5em;
} }
@ -180,10 +205,10 @@ h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-weight: 700; font-weight: 700;
position: relative; position: relative;
margin-bottom: .5em;
} }
header h1 { header h1 {
font-size: 2em;
line-height: 2em; line-height: 2em;
margin: 0; margin: 0;
} }
@ -198,30 +223,15 @@ header h1 {
background-color: #ccc; background-color: #ccc;
} }
#toc + h1 {
margin-top: 1em;
padding-top: 0;
}
h2 {
font-size: 1.5em;
margin: 1em 0 .5em;
}
h2 + h2 { h2 + h2 {
margin: 0 0 .5em; margin: 0 0 .5em;
} }
h3 {
font-size: 1em;
margin: 1.5em 0 .5em;
}
h3 + h3 { h3 + h3 {
margin: 0 0 .5em; margin: 0 0 .5em;
} }
h2, h3, h4 { h2, h3, h4, h5 {
position: relative; position: relative;
padding-right: 40px; padding-right: 40px;
} }
@ -244,16 +254,6 @@ h1 span a, h2 span a, h3 span a, h4 span a {
font-weight: bold; font-weight: bold;
} }
h5 {
font-size: 1.125em;
line-height: 1.4em;
}
h6 {
font-size: 1em;
line-height: 1.4667em;
}
pre, tt, code { pre, tt, code {
line-height: 1.5em; line-height: 1.5em;
margin: 0; padding: 0; margin: 0; padding: 0;
@ -353,7 +353,7 @@ hr {
margin-bottom: 0; margin-bottom: 0;
} }
p tt, p code, li code { tt, code {
font-size: .9em; font-size: .9em;
color: #040404; color: #040404;
background-color: #f2f2f2; background-color: #f2f2f2;