Updated docs for offcanvas with data-offcanvas

diff --git a/doc/includes/examples_javascript_data_options.html b/doc/includes/examples_javascript_data_options.html
index 853c1b3e10d30b601539951b9ab1e923e5881cb2..14454fb25b483b3a6ace143118eaa54886491b99 100644 (file)
--- a/doc/includes/examples_javascript_data_options.html
+++ b/doc/includes/examples_javascript_data_options.html
@@ -147,6 +147,11 @@
       <td>throttle_delay</td>
       <td>50</td>
     </tr>
+    <tr>
+      <td rowspan="1">OffCanvas</td>
+      <td>close_on_click</td>
+      <td>true</td>
+    </tr>
     <tr>
       <td rowspan="29">Orbit</td>
       <td>animation</td>

diff --git a/doc/includes/off_canvas/examples_offcanvas_basic.html b/doc/includes/off_canvas/examples_offcanvas_basic.html
index 917654dc7e4560f9562aa5efdb0d0267ab70427c..ab95c6a79881a5b5f807b5dece89f2dc74578bfa 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_basic.html
+++ b/doc/includes/off_canvas/examples_offcanvas_basic.html
@@ -1,4 +1,4 @@
-<div class="off-canvas-wrap docs-wrap">
+<div class="off-canvas-wrap docs-wrap" data-offcanvas>
   <div class="inner-wrap">
     <nav class="tab-bar">
       <section class="left-small">
@@ -44,4 +44,4 @@
   <a class="exit-off-canvas"></a>
 
   </div>
-</div>
\ No newline at end of file
+</div>

diff --git a/doc/includes/off_canvas/examples_offcanvas_basic_markup.html b/doc/includes/off_canvas/examples_offcanvas_basic_markup.html
index 06187e7e22bb9164a7c6adcdc5b05cb096b85d62..f10952896c8360feedbb4d5899053abe97f42c11 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_basic_markup.html
+++ b/doc/includes/off_canvas/examples_offcanvas_basic_markup.html
@@ -1,6 +1,6 @@
 {{#markdown}}
 ```html
-<div class="off-canvas-wrap">
+<div class="off-canvas-wrap" data-offcanvas>
   <div class="inner-wrap">
     <nav class="tab-bar">
 
@@ -33,4 +33,4 @@
   </div>
 </div>
 ```
-{{/markdown}}
\ No newline at end of file
+{{/markdown}}

diff --git a/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html b/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html
index 917654dc7e4560f9562aa5efdb0d0267ab70427c..ab95c6a79881a5b5f807b5dece89f2dc74578bfa 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html
+++ b/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html
@@ -1,4 +1,4 @@
-<div class="off-canvas-wrap docs-wrap">
+<div class="off-canvas-wrap docs-wrap" data-offcanvas>
   <div class="inner-wrap">
     <nav class="tab-bar">
       <section class="left-small">
@@ -44,4 +44,4 @@
   <a class="exit-off-canvas"></a>
 
   </div>
-</div>
\ No newline at end of file
+</div>

diff --git a/doc/includes/off_canvas/examples_offcanvas_javascript_options.html b/doc/includes/off_canvas/examples_offcanvas_javascript_options.html
new file mode 100644 (file)
index 0000000..b54d5b5
--- /dev/null
+++ b/doc/includes/off_canvas/examples_offcanvas_javascript_options.html
@@ -0,0 +1,9 @@
+{{#markdown}}
+```javascript
+$(document).foundation({
+  offcanvas : {
+    close_on_click : true,
+  }
+});
+```
+{{/markdown}}

diff --git a/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html b/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html
index 48404e02cb99ea1e9c5e94e4039f9a5596a654b5..ff2f0e3c88e067c78e697d33dc61a1e8847e8ac0 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html
+++ b/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html
@@ -1,9 +1,9 @@
 {{#markdown}}
 ```html
-<div class="off-canvas-wrap">
+<div class="off-canvas-wrap" data-offcanvas>
   <div class="inner-wrap">
-    
-    <a class="left-off-canvas-toggle" href="#" >Menu</a> 
+
+    <a class="left-off-canvas-toggle" href="#" >Menu</a>
 
     <!-- Off Canvas Menu -->
     <aside class="left-off-canvas-menu">

diff --git a/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html b/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html
index 6143297270459e42c517ce8dee65832e2fa08e64..99139c0994fa15265ae1b23e19c1bfb9cbb434a5 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html
+++ b/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html
@@ -1,11 +1,11 @@
-<div class="off-canvas-wrap docs-wrap">
+<div class="off-canvas-wrap docs-wrap" data-offcanvas>
   <div class="inner-wrap">
-    
-    <a class="left-off-canvas-toggle" >Menu</a> 
+
+    <a class="left-off-canvas-toggle" >Menu</a>
 
     <!-- Off Canvas Menu -->
     <aside class="left-off-canvas-menu">
-       
+
       <ul>
         <li><a href="#">Item 1</a></li>
         <li><a href="#">Item 2</a></li>
@@ -25,4 +25,4 @@
   <a class="exit-off-canvas"></a>
 
   </div>
-</div>
\ No newline at end of file
+</div>

diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html b/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html
index b5d89967c38e88390955dbd6ff92709fcabc9f56..022782ab8e01a68bd3f621bfbed07f18c4ede166 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html
+++ b/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html
@@ -1,6 +1,6 @@
 {{#markdown}}
 ```html
-<div class="off-canvas-wrap">
+<div class="off-canvas-wrap" data-offcanvas>
   <div class="inner-wrap">
     <nav class="tab-bar">
       <section class="left-small">

diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html b/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html
index d86316714c1c2e8ad503406d23f85b3be783a48d..b5a874a1e17fccafe6b408c08fc7ea9db0b9ad8f 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html
+++ b/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html
@@ -1,4 +1,4 @@
-<div class="off-canvas-wrap docs-wrap">
+<div class="off-canvas-wrap docs-wrap" data-offcanvas>
   <div class="inner-wrap">
     <nav class="tab-bar">
       <section class="left-small">
@@ -66,4 +66,4 @@
   <a class="exit-off-canvas"></a>
 
   </div>
-</div>
\ No newline at end of file
+</div>

diff --git a/doc/pages/components/offcanvas.html b/doc/pages/components/offcanvas.html
index 74bd52801ad4fafcc9921b6301a780d8cb159b85..df516137162496efc7e0c465229ca018caa03645 100644 (file)
--- a/doc/pages/components/offcanvas.html
+++ b/doc/pages/components/offcanvas.html
@@ -35,7 +35,7 @@ This is the outer-most element. It contains the entire off-canvas layout and hid
 <h4>HTML</h4>
 
 ```html
-<div class="off-canvas-wrap"><!-- page layout goes here --></div>
+<div class="off-canvas-wrap" data-offcanvas><!-- page layout goes here --></div>
 ```
 
 ### Inner Wrap
@@ -45,7 +45,7 @@ This is the element that is animated. All of your page content needs to be insid
 <h4>HTML</h4>
 
 ```html
-<div class="off-canvas-wrap">
+<div class="off-canvas-wrap" data-offcanvas>
   <div class="inner-wrap"><!-- all content goes here --></div>
 </div>
 ```
@@ -297,6 +297,10 @@ Just add `foundation.offcanvas.js` AFTER the `foundation.js` file. Your markup s
 
 Required Foundation Library: `foundation.offcanvas.js`
 
+### Optional Javascript Configuration
+
+{{> examples_offcanvas_javascript_options}}
+
 ***
 
 ### Sass Errors?