fix mismatch in push animation

scss/_layout.scss

@@ -34,6 +34,7 @@
   flex-shrink: 0;
   justify-content: flex-start;
   transform: translateZ(0); // mobile webkit smooth scrolling
+  @include material-animation-default();
 }
 
 // Content layout, belongs in a mdb-layout-container
@@ -46,7 +47,7 @@
   overflow-y: auto; // mobile webkit smooth scrolling may need scroll, but auto seems to be working and omits the scroll border
   flex-grow: 1;
   -webkit-overflow-scrolling: touch; // mobile webkit smooth scrolling
-
+  @include material-animation-default();
 }
 
 // Pushes flex-based content to the other end (x or y)

scss/_variables.scss

@@ -33,11 +33,6 @@ $mdb-brand-inverse: $indigo !default;
 // Typography elements FIXME: review to see if we actually need these
 $icon-color: rgba($black, 0.5) !default;
 
-// ANIMATION
-$mdb-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
-$mdb-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
-$mdb-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
-$mdb-animation-curve-default: $mdb-animation-curve-fast-out-slow-in !default;
 
 //---
 // FIXME: Similar but not quite the same as Bootstrap variables
@@ -105,4 +100,3 @@ $mdb-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
 $mdb-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
 $mdb-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
 $mdb-animation-curve-default: $mdb-animation-curve-fast-out-slow-in !default;
-

scss/mixins/_drawer.scss

@@ -45,6 +45,7 @@
         }
       }
 
+      > .mdb-layout-header,
       > .mdb-layout-content {
         margin-#{$side}: 0;
       }