fix: reset all OffCanvas properties when in in-canvas mode

> Done some research. The incanvas feature always used `inherit`, without explicit reasons given. Most font properties should inherit but not `background`, `width`, `overflow`, `transition` as this is not their default value. I'll replace all of them.

See https://github.com/zurb/foundation-sites/pull/11141#discussion_r180879166

diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss
index bbee8cb27fbb3d9d0814726130f87aa517a232a6..120976517d83d4b34f95dad80c0a57eabed44746 100644 (file)
--- a/scss/components/_off-canvas.scss
+++ b/scss/components/_off-canvas.scss
@@ -416,10 +416,10 @@ $breakpoint: small
   visibility: visible;
   height: auto;
   position: static;
-  background: inherit;
+  background: none;
   width: auto;
-  overflow: inherit;
-  transition: inherit;
+  overflow: visible;
+  transition: none;
 
   // Increase CSS specificity
   &.position-left,