From: Brett Mason <brettsmason@gmail.com>
Date: Thu, 17 Nov 2016 15:58:54 +0000 (+0000)
Subject: Go back to only offsetting the off-canvas panel by the size rather than 100% - makes... 
X-Git-Tag: v6.3-rc1~6^2~11^2~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d77d492edade6be8989ee6b08df8fafa8140a12e;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Go back to only offsetting the off-canvas panel by the size rather than 100% - makes the animation smoother.
---

diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss
index 27115e838..6b29d29d3 100644
--- a/scss/components/_off-canvas.scss
+++ b/scss/components/_off-canvas.scss
@@ -157,7 +157,7 @@ $maincontent-background: $body-background !default;
     width: $size;
     height: 100%;
 
-    transform: translateX(-100%);
+    transform: translateX(-$size);
     overflow-y: auto;
 
     // Sets the open position for the content
@@ -172,7 +172,7 @@ $maincontent-background: $body-background !default;
     width: $size;
     height: 100%;
 
-    transform: translateX(100%);
+    transform: translateX($size);
     overflow-y: auto;
 
     // Sets the open position for the content
@@ -187,7 +187,7 @@ $maincontent-background: $body-background !default;
     width: 100%;
     height: $size;
 
-    transform: translateY(-100%);
+    transform: translateY(-$size);
     overflow-x: auto;
 
     // Sets the open position for the content
@@ -202,7 +202,7 @@ $maincontent-background: $body-background !default;
     width: 100%;
     height: $size;
 
-    transform: translateY(100%);
+    transform: translateY($size);
     overflow-x: auto;
 
     // Sets the open position for the content