From: Brett Mason <brettsmason@gmail.com>
Date: Wed, 30 Nov 2016 21:02:34 +0000 (+0000)
Subject: Set the default off canvas panel behaviour to use `position: absolute`to match curren... 
X-Git-Tag: v6.3-rc1~6^2~8^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9357%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Set the default off canvas panel behaviour to use `position: absolute`to match current live behaviour. Added an alternative class of `off-canvas-fixed` to set a menu to be `position: fixed` allowing you to use both types at the same time.
---

diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss
index 63c8bdc68..2deefbccd 100644
--- a/scss/components/_off-canvas.scss
+++ b/scss/components/_off-canvas.scss
@@ -24,7 +24,7 @@ $offcanvas-shadow: 0 0 10px rgba($black, 0.7) !default;
 
 /// If `true`, an off-canvas panel will be fixed-position, and scroll with the screen. Otherwise it will be absolute positioned.
 /// @type Bool
-$offcanvas-fixed: true !default;
+$offcanvas-fixed: false !default;
 
 /// Z-index of an off-canvas panel with the `push` transition.
 /// @type Number
@@ -286,6 +286,11 @@ $content: $maincontent-class
     @include off-canvas-base;
   }
 
+  // Off-canvas container with fixed position
+  .off-canvas-fixed {
+    @include off-canvas-base($fixed: true);
+  }
+
   // Off-canvas position classes
   .position-left    { @include off-canvas-position(left,   horizontal); }
   .position-right   { @include off-canvas-position(right,  horizontal); }