Add New Offcanvas Functionality

Allow Offcanvas to overlap content instead of pushing content.
foundation · Apr 21, 2014 · b08ca44 · b08ca44
1 parent a458607
commit b08ca44
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/scss/foundation/components/_offcanvas.scss b/scss/foundation/components/_offcanvas.scss
@@ -103,6 +103,7 @@ $menu-slide: "transform 500ms ease" !default;
   background: $off-canvas-bg;
   z-index: 1001;
   box-sizing: content-box;
+  transition: transform 500ms ease 0s;
   -webkit-overflow-scrolling: touch;
   @if $position == left {
     @include translate3d(-100%,0,0);
@@ -366,6 +367,16 @@ $menu-slide: "transform 500ms ease" !default;
       }
       .exit-off-canvas { @include back-link; }
     }
+    .offcanvas-overlap {
+      .left-off-canvas-menu, .right-off-canvas-menu {
+        transform: none;
+        z-index: 1003;
+      }
+      .exit-offcanvas-menu {
+        @include back-link;
+        z-index: 1002;
+      }
+    }
 
     // Older browsers
     .no-csstransforms {