Separate the General section in the docs table of contents into two smaller sections...

diff --git a/docs/pages/index.md b/docs/pages/index.md
index a59156e8a414bcb423e0ff82121da66fcb2139f4..3856438bce6cb4af7e800ac58f3b42262e25cf5d 100644 (file)
--- a/docs/pages/index.md
+++ b/docs/pages/index.md
@@ -56,6 +56,18 @@ Get to know the pieces of Foundation.
     <strong>Media Queries</strong>
     <p>Working with Foundation's breakpoints.</p>
   </a></div>
+  <div class="column"><a href="media-queries.html">
+    <strong>Flexbox Mode</strong>
+    <p>Supercharge your CSS with flexbox.</p>
+  </a></div>
+  <div class="column"><a href="media-queries.html">
+    <strong>Compatibility</strong>
+    <p>What browsers does Foundation work with?</p>
+  </a></div>
+  <div class="column"><a href="media-queries.html">
+    <strong>Kitchen Sink</strong>
+    <p>Every component on one page.</p>
+  </a></div>
 </div>
 
 ### Components

diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index 049c7588e188a6b0afd09b054359a2cc8193ab7b..5afbc50a73e9f26641d0bc730fb7caf755171855 100644 (file)
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -11,7 +11,7 @@
   <li{{#ifpage 'accessibility'}} class="current"{{/ifpage}}><a href="accessibility.html">Accessibility</a></li>
   <li{{#ifpage 'kitchen-sink'}} class="current"{{/ifpage}}><a href="kitchen-sink.html">Kitchen Sink</a></li>
 
-  <li class="docs-menu-title">General</li>
+  <li class="docs-menu-title">Setup</li>
   <li{{#ifpage 'global'}} class="current"{{/ifpage}}><a href="global.html">Global Styles</a></li>
   <li{{#ifpage 'rtl'}} class="current"{{/ifpage}}><a href="rtl.html">Right-to-Left Support</a></li>
   <li{{#ifpage 'flexbox'}} class="current"{{/ifpage}}><a href="flexbox.html">Flexbox</a></li>
@@ -19,6 +19,8 @@
   <li{{#ifpage 'javascript'}} class="current"{{/ifpage}}><a href="javascript.html">JavaScript</a></li>
   <li{{#ifpage 'javascript-utilities'}} class="current"{{/ifpage}}><a href="javascript-utilities.html">JavaScript Utilities</a></li>
   <li{{#ifpage 'media-queries'}} class="current"{{/ifpage}}><a href="media-queries.html">Media Queries</a></li>
+
+  <li class="docs-menu-title">General</li>
   <li{{#ifpage 'grid'}} class="current"{{/ifpage}}><a href="grid.html">Grid</a></li>
   <li{{#ifpage 'flex-grid'}} class="current"{{/ifpage}}><a href="flex-grid.html">Flex Grid</a></li>
   <li{{#ifpage 'forms'}} class="current"{{/ifpage}}><a href="forms.html">Forms</a></li>