panel handlers

dist/framework.css

@@ -237,9 +237,9 @@ header, main, footer {
   z-index: 100;
   left: 0;
   right: 0;
-  -webkit-transition: -webkit-transform 300ms ease;
+  -webkit-transition: -webkit-transform 200ms ease;
-  -moz-transition: -moz-transform 300ms ease;
+  -moz-transition: -moz-transform 200ms ease;
-  transition: transform 300ms ease;
+  transition: transform 200ms ease;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0); }

example/panels.html

@@ -39,7 +39,7 @@
     </section>
 
 
-    <script src="../../js/framework/framework-panel.js"></script>
+    <script src="../../js/framework/ion-panel.js"></script>
-    <script src="../../js/framework/helpers/panel-helper.js"></script>
+    <script src="../../js/framework/handlers/panel-handler.js"></script>
   </body>
 </html>

js/framework/handlers/panel-handler.js

@@ -3,12 +3,6 @@
   function click(e) {
     if(e.target.dataset.togglePanel) {
       ion.Panel.toggle(e.target.dataset.togglePanel);
-      return true;
-    }
-  }
-
-  function touchEnd(e) {
-    if(click(e)) {
       e.preventDefault();
       e.stopPropagation();
       return false;
@@ -16,6 +10,6 @@
   }
 
   window.addEventListener('click', click, false);
-  window.addEventListener('touchend', touchEnd, false);
+  window.addEventListener('touchend', click, false);
 
 })(this, document, ion = this.ion || {});

scss/framework/_structure-variables.scss

@@ -27,4 +27,4 @@ $listItemBorder: 1px solid #ddd;
 
 // Panels
 $panelOpenWidth: 270px;
-$panelAnimationSpeed: 300ms;
+$panelAnimationSpeed: 200ms;