svn commit: r1611034 - in /olingo/site/trunk/content: css/offcanvas.css js/offcanvas.js

[sk...@apache.org]

Author: sklevenz
Date: Wed Jul 16 14:52:03 2014
New Revision: 1611034

URL: http://svn.apache.org/r1611034
Log:
offcanvas added

Added:
    olingo/site/trunk/content/css/offcanvas.css
    olingo/site/trunk/content/js/offcanvas.js

Added: olingo/site/trunk/content/css/offcanvas.css
URL: http://svn.apache.org/viewvc/olingo/site/trunk/content/css/offcanvas.css?rev=1611034&view=auto
==============================================================================
--- olingo/site/trunk/content/css/offcanvas.css (added)
+++ olingo/site/trunk/content/css/offcanvas.css Wed Jul 16 14:52:03 2014
@@ -0,0 +1,59 @@
+/*
+ * Style tweaks
+ * --------------------------------------------------
+ */
+html,
+body {
+  overflow-x: hidden; /* Prevent scroll on narrow devices */
+}
+body {
+  padding-top: 70px;
+}
+footer {
+  padding: 30px 0;
+}
+
+/*
+ * Off Canvas
+ * --------------------------------------------------
+ */
+@media screen and (max-width: 767px) {
+  .row-offcanvas {
+    position: relative;
+    -webkit-transition: all .25s ease-out;
+         -o-transition: all .25s ease-out;
+            transition: all .25s ease-out;
+  }
+
+  .row-offcanvas-right {
+    right: 0;
+  }
+
+  .row-offcanvas-left {
+    left: 0;
+  }
+
+  .row-offcanvas-right
+  .sidebar-offcanvas {
+    right: -50%; /* 6 columns */
+  }
+
+  .row-offcanvas-left
+  .sidebar-offcanvas {
+    left: -50%; /* 6 columns */
+  }
+
+  .row-offcanvas-right.active {
+    right: 50%; /* 6 columns */
+  }
+
+  .row-offcanvas-left.active {
+    left: 50%; /* 6 columns */
+  }
+
+  .sidebar-offcanvas {
+    position: absolute;
+    top: 0;
+    width: 50%; /* 6 columns */
+  }
+}

Added: olingo/site/trunk/content/js/offcanvas.js
URL: http://svn.apache.org/viewvc/olingo/site/trunk/content/js/offcanvas.js?rev=1611034&view=auto
==============================================================================
--- olingo/site/trunk/content/js/offcanvas.js (added)
+++ olingo/site/trunk/content/js/offcanvas.js Wed Jul 16 14:52:03 2014
@@ -0,0 +1,5 @@
+$(document).ready(function () {
+  $('[data-toggle="offcanvas"]').click(function () {
+    $('.row-offcanvas').toggleClass('active')
+  });
+});
\ No newline at end of file