This renders the tabs and all the jQuery classes server-side, so that
the code examples are rendered correctly on the page's first load
rather than waiting for the JavaScript to activate. This also has a
side effect of making them look correct with JavaScript disabled.
This also adds a little additional styling in the noscript stylesheet
to make code examples look better on a narrow viewport with JavaScript
disabled.
Tables of contents are now statically rendered in their appropriately
open/closed states, rather than updated via JavaScript, so they render
correctly on the first page load. In order to make the "page sections"
table still usable without JS, this adds a stylesheet in a <noscript>
tag that forces the sections into an open state.
* Add more margin above headers to visually associate them with the
prose below, rather than above.
* Reduce the margin around normal block elements to more clearly
associate them with one another.
* Increase the size of prose and medium/large headers to make them
easier to see.
* Reduce the font weight of intro paragraphs to make them more
visually distinct from the rest of the documentation.
Based on @slimekat's suggestions.
Closes#313
This gives us a place to disambiguate between implementation statuses
that refer to the entire feature under discussion, and those that just
refer to sub-features.
* Make the font smaller to make them less prominent and help visually
associate the callout with the list.
* Decrease the top margin to more clearly associate them with their
preceding header.
* Lighten the callout background when in another callout to make it
more visible.
* Animate the expand button.
For some reason, :code seems to add an empty line at the end of its
code block. This uses Markdown code blocks instead, although in order
to work around a RedCarpet bug it has to indent them strangely.
