Improves transitions, fixes IE10 issues.

Author: AMJones

composer.json

@@ -10,7 +10,7 @@
         "css"
     ],
     "homepage": "https://www.github.com/strapless/drawer",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "authors": [
         {
             "name": "Aaron M Jones",

dist/css/drawer.css

@@ -1,7 +1,7 @@
 /*!
- * StrapLess Drawer v1.1.1 (http://github.com/strapless/drawer)
- * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
- */
+   * StrapLess Drawer v1.1.2 (http://github.com/strapless/drawer)
+   * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
+   */
 header .navbar-toggler {
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
@@ -93,7 +93,9 @@ nav.drawer .drawer-group {
 }
 
 nav.drawer .drawer-item {
-  display: block;
+  display: -webkit-flex  !important;
+  display: -ms-flexbox  !important;
+  display: flex  !important;
 }
 
 nav.drawer .drawer-link, nav.drawer .drawer-item > *:not(.drawer-group) {
@@ -109,6 +111,9 @@ nav.drawer .drawer-link, nav.drawer .drawer-item > *:not(.drawer-group) {
   -ms-grid-row-align: center;
   -webkit-align-items: center;
   align-items: center;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
 }
 
 nav.drawer .drawer-item-heading {
@@ -235,13 +240,19 @@ nav.drawer .drawer-hide {
     -ms-transform: translateX(0);
     transform: translateX(0);
     display: -webkit-flex  !important;
-    display: -ms-flexbox  !important;
-    display: flex  !important;
+  display: -ms-flexbox  !important;
+  display: flex  !important;
   }
   .drawer-padding-adjust {
+    -webkit-transition: padding-left .5s ease-in-out;
+    -o-transition: padding-left .5s ease-in-out;
+    transition: padding-left .5s ease-in-out;
     padding-left: 244px;
   }
   .drawer-margin-adjust {
+    -webkit-transition: margin-left .5s ease-in-out;
+  -o-transition: margin-left .5s ease-in-out;
+  transition: margin-left .5s ease-in-out;
     margin-left: 244px;
   }
   .persistent:not(.on) .drawer-padding-adjust {
@@ -270,10 +281,8 @@ nav.drawer .drawer-hide {
   }
 }
 
-nav.drawer + .container-fluid {
+nav.drawer + .container {
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
-  margin-bottom: 1rem;
-  width: auto;
 }

dist/css/drawer.min.css

@@ -62,7 +62,7 @@ jQuery.fn.extend( {
 /**
  * jQuery Plugin for managing a navigation drawer.
  *
- * @version v1.1.1
+ * @version v1.1.2
  * @license https://github.com/strapless/strapless/LICENSE
  * @author  Aaron M Jones <am@jonesiscoding.com>
  */

dist/js/drawer.js

@@ -1,7 +1,7 @@
 /**
  * jQuery Plugin for managing a navigation drawer.
  *
- * @version v1.1.1
+ * @version v1.1.2
  * @license https://github.com/strapless/strapless/LICENSE
  * @author  Aaron M Jones <am@jonesiscoding.com>
  */

js/drawer.js

@@ -2,10 +2,10 @@
 @import "drawer-mixins";
 
 @if not($enable-framework) {
-/*!
- * StrapLess Drawer v1.1.1 (http://github.com/strapless/drawer)
- * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
- */
+  /*!
+   * StrapLess Drawer v1.1.2 (http://github.com/strapless/drawer)
+   * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
+   */
 }
 
 header .navbar-toggler {
@@ -78,14 +78,15 @@ nav.drawer {
     padding: 0 0 .25rem 0;
   }
   .drawer-item {
-    display: block;
+    display: flex !important;
   }
   .drawer-link, .drawer-item > *:not(.drawer-group) {
     padding: 0 1.5rem;
     min-height: $drawer-item-height;
     display: flex;
     flex: 1 0 auto;
     align-items: center;
+    flex-direction: row;
   }
   .drawer-item-heading {
     color: $drawer-item-heading-color;
@@ -207,9 +208,11 @@ nav.drawer {
   // Automatically adjust other elements
   $dwu: unit($drawer-width);
   .drawer-padding-adjust {
+    transition: padding-left .5s ease-in-out;
     padding-left: $drawer-width + space-x(md, $dwu);
   }
   .drawer-margin-adjust {
+    transition: margin-left .5s ease-in-out;
     margin-left: $drawer-width + space-x(md, $dwu);
   }
   .persistent:not(.on) {
@@ -237,8 +240,6 @@ nav.drawer {
   }
 }
 
-nav.drawer + .container-fluid {
+nav.drawer + .container {
   flex: 1 1 auto;
-  margin-bottom: 1rem;
-  width: auto;
 }