trying new animation speeds

testing new animation speed

diff --git a/css/app.css b/css/app.css
index 9ef3416..359d8d9 100644 (file)
--- 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 300ms ease-in-out, opacity 400ms ease-in-out; }
+    transition: top 450ms ease-in-out, opacity 400ms 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 400ms ease-in-out, max-height 400ms ease-in-out, opacity 400ms ease-in-out;
+  transition: padding 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms 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 7ec99ad..f6e23e9 100644 (file)
--- 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 300ms ease-in-out, opacity 400ms ease-in-out;
+        transition: top 450ms ease-in-out, opacity 400ms 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 400ms ease-in-out, max-height 400ms ease-in-out, opacity 400ms ease-in-out;
+    transition: padding 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out;
     background: rgba($white, 0);
 
     padding-left: 32px !important;