From 384e0c2191aa645b690f1c0c9380daa09d8628c4 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Tue, 10 Apr 2018 14:13:08 -0400
Subject: [PATCH] changing animations and transitions for off canvas menu

changing the off canvas menu transitions
---
 css/app.css           | 4 ++--
 scss/_off-canvas.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index 359d8d9..8782c21 100644
--- a/css/app.css
+++ b/css/app.css
@@ -8071,7 +8071,7 @@ aside.oc-overlay .off-canvas-list ul li > ul li > a {
     left: 0;
     height: 100vh;
     background-color: #57b649;
-    transition: top 450ms ease-in-out, opacity 400ms ease-in-out; }
+    transition: top 500ms ease-in-out, opacity 500ms ease-in-out; }
     .oc-overlay ul.children li a {
       color: white; }
   @media only screen and (min-width:64.063em) {
@@ -8220,7 +8220,7 @@ body .oc-primary-nav {
 
 .sub-menu-section > li.menu-item {
   opacity: 1;
-  transition: padding 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out;
+  transition: padding 400ms ease-in-out, max-height 400ms ease-in-out;
   background: rgba(255, 255, 255, 0);
   padding-left: 32px !important;
   position: relative; }
diff --git a/scss/_off-canvas.scss b/scss/_off-canvas.scss
index f6e23e9..1f33ee4 100644
--- a/scss/_off-canvas.scss
+++ b/scss/_off-canvas.scss
@@ -99,7 +99,7 @@ aside.oc-overlay .off-canvas-list ul li > ul li > a {
         left:0;
         height: 100vh;
         background-color: $green;
-        transition: top 450ms ease-in-out, opacity 400ms ease-in-out;
+        transition: top 500ms ease-in-out, opacity 500ms ease-in-out;
         li{
             a{
                 color: white;
@@ -268,7 +268,7 @@ body{
 .sub-menu-section > li.menu-item{
     // max-height: 2rem;
     opacity: 1;
-    transition: padding 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out;
+    transition: padding 400ms ease-in-out, max-height 400ms ease-in-out;
     background: rgba($white, 0);
 
     padding-left: 32px !important;
-- 
2.17.1