Prune unused (for now) docs sections and add mobile adjustments

diff --git a/docs/layout/component.html b/docs/layout/component.html
index 78250428ab8baa45683c22dea0b909304c49b7ea..6d1f41e6e6f22fa7991ff6a70c46750897d67867 100644 (file)
--- a/docs/layout/component.html
+++ b/docs/layout/component.html
@@ -1,5 +1,7 @@
 <article class="docs-component" id="docs-{{escape title}}">
 
+<a href="#docs-menu" class="small secondary expanded button">Jump to Nav</a>
+
 <h1 class="docs-page-title">{{ title }}</h1>
 
 {{#if js}}
@@ -305,9 +307,9 @@
 {{/if}}
 
 {{#if sass}}
-<hr>
+<!-- <hr> -->
 
-<section class="docs-building-blocks">
+<!-- <section class="docs-building-blocks">
   {{#heading 2}}Building Blocks{{/heading}}
 
   <p><a href="http://zurb.com/building-blocks">Building Blocks</a> is a ZURB-curated resource with useful code snippets that use Foundation components. Here are a few for this component:</p>
@@ -317,7 +319,7 @@
   </div>
 
   <div data-building-blocks></div>
-</section>
+</section> -->
 {{/if}}
 
 </div>
@@ -325,8 +327,8 @@
 
 {{!-- Start container for table of contents --}}
 <div class="large-3 columns" data-sticky-container>
-  <nav class="columns" data-sticky data-anchor='docs' data-sticky-on='large'>
-    <div class="docs-toc hide" id="docsTOC" data-toggler=".hide">
+  <nav class="columns" data-sticky data-anchor="docs" data-sticky-on="large">
+    <div class="docs-toc hide" id="docsTOC">
       <ul class="vertical menu docs-sub-menu" data-docs-toc>
         <li class="docs-menu-title">On this page:</li>
       </ul>

diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index e33251ac2f8e84c555c592a2c187b1abd346f5c6..887770cb2b501dfec8011a318e2cf3da2676b60c 100644 (file)
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -1,4 +1,4 @@
-<ul class="vertical menu docs-menu">
+<ul class="vertical menu docs-menu" id="docs-menu">
   <p class="docs-version-number" data-docs-version></p>
 
   <li class="docs-menu-title">Getting Started</li>