doc table of contents styles

Author: ShMcK

_includes/docs/doc-index.html

@@ -3,16 +3,13 @@
 	<div class="doc-contents">
 		<h2>Contents</h2>
 		{% for doc in site.categories[include.category] reversed %}
-			{% include docs/doc-index.html
-				link=doc.link
-				title=doc.title
-				index=forloop.index
-			%}
+			<a href="#{{ doc.link }}" class="smooth">
+			  <h5>{{forloop.index}}. {{ doc.title }}</h5>
+			</a>
 		{% endfor %}
 	</div>
 
-  <hr />
-
+	<br />
 	<!-- Docs -->
   <div>
 	{% for doc in site.categories[include.category] reversed %}

_includes/docs/docs.html

@@ -14,7 +14,11 @@ a.smooth:hover {
 }
 
 .doc-contents {
-  padding-left: 30px;
+  padding: 20px 50px;
+  background-color: _palette(border-bg);
+  border-radius: 3px;
+  margin: 0 auto;
+  max-width: 400px;
 }
 
 .doc-image {