docs(design): guide index formatting

Just my first pass at a more readable format of the guide index.

Note: the styles apply to all content in the docs, not just the guide
index. This is intentional and I feel that the result is positive.

1 files changed, 21 insertions, 0 deletions

diff --git a/docs/src/templates/css/docs.css b/docs/src/templates/css/docs.css
index 9a3e75f2..29c28047 100644
--- a/docs/src/templates/css/docs.css
+++ b/docs/src/templates/css/docs.css
@@ -144,6 +144,27 @@
 .content h4,
 .content h5 {
   margin-top: 1em;
+  letter-spacing: -0.06em;
+}
+
+.content h2 {
+  font-size: 36px;
+  margin-bottom: .5em;
+}
+
+.content h3 {
+  font-size: 24px;
+  border-top: 1px solid #eee;
+  padding-top: .5em;
+}
+
+.content h4 {
+  font-size: 16px;
+  margin-top: 1.5em;
+}
+
+.content ul {
+  margin-top: .5em;
 }
 
 ul.parameters > li > p,