Merge pull request #447 from documentationjs/local-util

Move documentation-theme-utils into core

Author: tmcw

default-theme/index.js

@@ -1,13 +1,18 @@
 .documentation {
-    font-family: Helvetica, sans-serif;
-    color: #666;
-    line-height: 1.5;
+  font-family: Helvetica, sans-serif;
+  color: #666;
+  line-height: 1.5;
+  background: #f5f5f5;
 }
 
 .black {
   color: #666;
 }
 
+.bg-white {
+  background-color: #fff;
+}
+
 h4 {
   margin: 20px 0 10px 0;
 }
@@ -16,20 +21,8 @@ h4 {
   color: #000;
 }
 
-.keyline-top {
-  border-top: 1px solid #ccc;
-}
-
-.keyline-top-not {
-  border-top: 1px solid #ccc;
-}
-
-.keyline-top-not:first-child {
-  border-top: none;
-}
-
-.keyline-right {
-  border-right: 1px solid #ccc;
+.border-bottom {
+  border-color: #ddd;
 }
 
 a {
@@ -125,10 +118,14 @@ table {
 
 .prose table th,
 .prose table td {
+  text-align: left;
   padding:8px;
   border:1px solid #ddd;
 }
 
+.prose table th:nth-child(1) { border-right: none; }
+.prose table th:nth-child(2) { border-left: none; }
+
 .prose table {
   border:1px solid #ddd;
 }
@@ -141,3 +138,7 @@ table {
 .quiet {
   opacity: 0.7;
 }
+
+.minishadow {
+  box-shadow: 2px 2px 10px #f3f3f3;
+}

default-theme/lib/format_markdown.js

@@ -25,7 +25,7 @@
               <% docs.forEach(function(doc) { %>
                 <% var hasMembers = doc.members.static.length || doc.members.instance.length %>
                 <li><a
-                  href='#<%=doc.namespace%>'
+                  href='#<%=slug(doc.namespace)%>'
                   class="<% if (doc.kind === 'note') { %>h5 bold black caps<% } %><% if (hasMembers) { %> toggle-sibling<% } %>">
                   <%- doc.name %>
                   <% if (hasMembers) { %><span class='icon'>▸</span><% } %>
@@ -80,19 +80,17 @@
         </div>
       </div>
       <div class='fix-margin-3'>
-        <div class='px2'>
-          <% docs.forEach(function(s) { %>
-            <% if (s.kind !== 'note') { %>
-              <%= renderSection({
-                section: s,
-                renderSection: renderSection,
-                renderSectionList: renderSectionList
-              }) %>
-            <% } else { %>
-              <div class='keyline-top-not py2'><%=renderNote({ note: s })%></div>
-            <% } %>
-          <% }) %>
-        </div>
+        <% docs.forEach(function(s) { %>
+          <% if (s.kind !== 'note') { %>
+            <%= renderSection({
+              section: s,
+              renderSection: renderSection,
+              renderSectionList: renderSectionList
+            }) %>
+          <% } else { %>
+            <div class='keyline-top-not py2'><%=renderNote({ note: s })%></div>
+          <% } %>
+        <% }) %>
       </div>
     </div>
   </div>