update styling for docs

www/source/layouts/_sidebar.slim

@@ -4,10 +4,10 @@
         - if locals[:sidebar_layout] == 'docs'
           form.main-sidebar--search action="/docs/search/" method="get"
             input type="text" placeholder="Search Documentation" name="q"
-        ul.no-bullet
+        ul.main-sidebar--links
           - sidebar_data(sidebar_layout).each do |item|
-            li.main-sidebar--heading
-              h4 = item.title
+            li.main-sidebar--link
+              h6 = item.title
               ul.main-sidebar--list.no-bullet
                 - item.links.each do |item_link|
                   li.main-sidebar--list--item class=link_classes(current_resource.url, item_link)

www/source/stylesheets/_sidebar.scss

@@ -0,0 +1,30 @@
+.main-sidebar ul {
+  list-style: none;
+  margin-left: 0.5rem;
+  ul {
+    margin-left: 0;
+    margin-bottom: 1rem;
+  }
+}
+
+.main-sidebar--link h6 {
+  font-weight: 500;
+
+}
+
+.main-sidebar--list--item {
+  position: relative;
+  padding: 3px 0;
+  text-transform: uppercase;
+  font-size: 14px;
+
+  & > a {
+    color: $inspec-grey;
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: darken($inspec-grey, 15%);
+    }
+  }
+}

www/source/stylesheets/site.css.scss

@@ -4,6 +4,7 @@
 @import "settings";
 @import "buttons";
 @import "nav";
+@import "sidebar";
 @import "footer";
 @import "layout";
 @import "typography";