Changes

example/components.html

@@ -59,20 +59,18 @@
     <section id="layout" data-transition="" data-aside="features">
         <header data-tistle="Layout">
             <nav class="on-left">
-                <a href="#" data-view-aside="features" data-icon="menu"></a>
+                <a href="#" data-view-aside="features" data-icon="home"></a>
             </nav>
             <h1 class="title centered">
-                Brownie
+                <!-- Brownie -->
                 <!--<span class="tag count">2.2</span>-->
             </h1>
 
             <nav class="on-right">
-                         <!--
-
                 <a href="#" class="button" data-icon="inbox" data-count="19"></a>
                 <button data-icon="share"></button>
-
-                <a href="#" data-icon="menu" data-loading="white"></a>
+                <button data-icon="menu" data-loading="white"></button>
+                <!--
                 <button data-label="send" data-icon="envelope"></button>
                 <button data-label="send"></button>
                 -->
@@ -245,7 +243,7 @@
 
         <article id="layout-art1" class="indented scroll">
             <div>
-                <h1>Sizes</h1>
+                <h6>Sizes</h6>
                 <p class="margin bottom">
                     <a href="#" class="button tiny">tiny</a>
                     <a href="#" class="button small">small</a>
@@ -253,14 +251,14 @@
                     <a href="#" class="button large">large</a>
                 </p>
                 <a href="#" class="button anchor margin bottom">anchor</a>
-                <h1>Icons</h1>
+                <h6>Icons</h6>
                 <p class="margin bottom">
                     <a href="#" class="button tiny" data-icon="check" ></a>
                     <a href="#" class="button small" data-icon="check" ></a>
                     <a href="#" class="button"  data-icon="check" ></a>
                     <a href="#" class="button large"  data-icon="check" ></a>
                 </p>
-                <h1>Text + Icons</h1>
+                <h6>Text + Icons</h6>
                 <p class="margin bottom">
                     <a href="#" class="button tiny" data-icon="check" data-label="tiny"></a>
                     <a href="#" class="button small" data-icon="check" data-label="small"></a>
@@ -268,13 +266,13 @@
                     <a href="#" class="button large"  data-icon="check" data-label="large"></a>
                 </p>
 
-                <h1>Colors</h1>
+                <h6>Colors</h6>
                 <p>
-                    <a href="#" class="button anchor margin bottom">default</a>
-                    <a href="#" class="button anchor secondary margin bottom">secondary</a>
-                    <a href="#" class="button anchor accept margin bottom">accept</a>
-                    <a href="#" class="button anchor cancel margin bottom">cancel</a>
-                    <a href="#" class="button anchor margin bottom" disabled=true>disabled</a>
+                    <a href="#" class="button anchor margin-bottom">default</a>
+                    <a href="#" class="button anchor secondary margin-bottom">secondary</a>
+                    <a href="#" class="button anchor accept margin-bottom">accept</a>
+                    <a href="#" class="button anchor cancel margin-bottom">cancel</a>
+                    <a href="#" class="button anchor margin-bottom" disabled=true>disabled</a>
                 </p>
             </div>
         </article>

example/navigation.html

@@ -62,7 +62,7 @@
         <article id="two-1"></article>
     </section>
 
-    <section id="three" data-transition="cover" data-children="four">
+    <section id="three" data-transition="slide" data-children="four">
         <header data-back="chevron-left" data-title="Three">
             <nav class="on-right">
                 <button data-icon="arrow-down" data-view-section="four"></button>

example/static/javascripts/app.js

@@ -96,24 +96,24 @@ Lungo.Events.init({
     },
 
 
-    'tap article#notification a[data-action=normal]': function() {
+    'touch article#notification a[data-action=normal]': function() {
         Lungo.Notification.show('user', 'Title', 2);
     },
 
-    'tap article#notification a[data-action=loading]': function() {
+    'touch article#notification a[data-action=loading]': function() {
         Lungo.Notification.show();
         setTimeout(Lungo.Notification.hide, 3000);
     },
 
-    'tap article#notification a[data-action=success]': function() {
+    'touch article#notification a[data-action=success]': function() {
         Lungo.Notification.success('Title', 'Description', 'ok', 2);
     },
 
-    'tap article#notification a[data-action=error]': function() {
+    'touch article#notification a[data-action=error]': function() {
         Lungo.Notification.error('Title', 'Description', 'remove', 2);
     },
 
-    'tap article#notification a[data-action=confirm]': function() {
+    'touch article#notification a[data-action=confirm]': function() {
         Lungo.Notification.confirm({
             icon: 'user',
             title: 'Lorem ipsum dolor sit amet, consectetur adipisicing.',
@@ -131,11 +131,11 @@ Lungo.Events.init({
         });
     },
 
-    'tap article#notification a[data-action=html]': function() {
+    'touch article#notification a[data-action=html]': function() {
         Lungo.Notification.html('<h1>Hello World</h1>', "Close");
     },
 
-    'tap article#notification a[data-action=chaining]': function() {
+    'touch article#notification a[data-action=chaining]': function() {
         Lungo.Notification.show('user', 'user', 2, function() {
             Lungo.Notification.error('Title 2', 'Description 2', 'remove',  2, function() {
                 Lungo.Notification.show('cog', 'cog', 2, function() {