doc table of contents styles

ShMcK · ShMcK · commit 023bd2eea9f5 · 2016-07-04T16:58:42.000-07:00
diff --git a/_includes/docs/doc-index.html b/_includes/docs/doc-index.html
diff --git a/_includes/docs/docs.html b/_includes/docs/docs.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 %}
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -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 {

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,11 @@ a.smooth:hover {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.doc-contents {`
`17`		`- padding-left: 30px;`
	`17`	`+ padding: 20px 50px;`
	`18`	`+ background-color: _palette(border-bg);`
	`19`	`+ border-radius: 3px;`
	`20`	`+ margin: 0 auto;`
	`21`	`+ max-width: 400px;`
`18`	`22`	`}`
`19`	`23`
`20`	`24`	`.doc-image {`