From: RafiBomb <rafi@zurb.com>
Date: Wed, 4 May 2016 17:00:10 +0000 (-0700)
Subject: adds off canvas menu to docs
X-Git-Tag: v2.2.1~6^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9930b85bfb67fec323de7034bb93d4a795d9889f;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds off canvas menu to docs
---

diff --git a/docs/layouts/default.html b/docs/layouts/default.html
index cc10efa0..58989c01 100644
--- a/docs/layouts/default.html
+++ b/docs/layouts/default.html
@@ -16,6 +16,8 @@
 
     <div class="off-canvas-wrapper"><div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
+      {{> off-canvas}}
+
     <div class="off-canvas-content" data-off-canvas-content>
       <!-- Info Banner For Announcements or Links -->
       <!-- <a href="http://zurb.com/article/1416/foundation-6-is-here" id="notice">
diff --git a/docs/partials/mobile-navigation.html b/docs/partials/mobile-navigation.html
index 39bea534..9fce5d0b 100644
--- a/docs/partials/mobile-navigation.html
+++ b/docs/partials/mobile-navigation.html
@@ -4,3 +4,77 @@
     <span class="title-bar-title">Foundation</span>
   </div>
 </div>
+
+<div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas data-position="left">
+  <button class="close-button" aria-label="Close menu" type="button" data-close>
+    <span aria-hidden="true">&times;</span>
+  </button>
+  <ul class="mobile-ofc vertical menu">
+    
+    <li>
+      <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li> 
+        <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+        <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+        <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
+        <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>  
+      </ul>
+    </li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li class="title">Frameworks</li>
+        <li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
+        <li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
+        <li><a href="http://foundation.zurb.com/apps.html">Foundation for Apps</a></li>
+        <li class="divider"></li>
+        <li class="title">Develop</li>
+        <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
+        <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
+        <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
+        <li><a href="http://foundation.zurb.com/develop/yeti-launch.html">Yeti Launch</a></li>
+        <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+      </ul>
+    </li>
+
+    <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/support/support.html">Support</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
+        <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+        <li><a href="http://foundation.zurb.com/forum/sort/unanswered">Foundation Forum</a></li>
+        <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+      </ul>
+    </li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+        <li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
+        <li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
+      </ul>
+    </li>
+    
+    <li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
+
+  </ul>
+</div>
+
+<div class="off-canvas position-right" id="offCanvasRight" data-off-canvas data-position="right">
+  <button class="close-button" aria-label="Close menu" type="button" data-close>
+    <span aria-hidden="true">&times;</span>
+  </button>
+  <ul class="vertical menu">
+    <li><a href="#">Foundation</a></li>
+    <li><a href="#">Dot</a></li>
+    <li><a href="#">ZURB</a></li>
+    <li><a href="#">Com</a></li>
+    <li><a href="#">Slash</a></li>
+    <li><a href="#">Sites</a></li>
+  </ul>
+</div>
diff --git a/docs/partials/off-canvas.html b/docs/partials/off-canvas.html
new file mode 100644
index 00000000..a36efb7c
--- /dev/null
+++ b/docs/partials/off-canvas.html
@@ -0,0 +1,72 @@
+<div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas data-position="left">
+  <button class="close-button" aria-label="Close menu" type="button" data-close>
+    <span aria-hidden="true">&times;</span>
+  </button>
+  <ul class="mobile-ofc vertical menu">
+    
+    <li>
+      <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li> 
+        <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+        <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+        <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
+        <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>  
+      </ul>
+    </li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li class="title">Frameworks</li>
+        <li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
+        <li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
+        <li><a href="http://foundation.zurb.com/apps.html">Foundation for Apps</a></li>
+        <li class="divider"></li>
+        <li class="title">Develop</li>
+        <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
+        <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
+        <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
+        <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+      </ul>
+    </li>
+
+    <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/support/support.html">Support</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
+        <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+        <li><a href="http://foundation.zurb.com/forum/sort/unanswered">Foundation Forum</a></li>
+        <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+      </ul>
+    </li>
+    
+    <li>
+      <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+        <li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
+        <li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
+      </ul>
+    </li>
+    
+    <li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
+
+  </ul>
+</div>
+
+<div class="off-canvas position-right" id="offCanvasRight" data-off-canvas data-position="right">
+  <button class="close-button" aria-label="Close menu" type="button" data-close>
+    <span aria-hidden="true">&times;</span>
+  </button>
+  <ul class="vertical menu">
+    <li><a href="#">Foundation</a></li>
+    <li><a href="#">Dot</a></li>
+    <li><a href="#">ZURB</a></li>
+    <li><a href="#">Com</a></li>
+    <li><a href="#">Slash</a></li>
+    <li><a href="#">Sites</a></li>
+  </ul>
+</div>